tailwindcss group-hover 不生效

无效

html 复制代码
<li class="group">
	<div class="tw-opacity-0 group-hover:tw-opacity-100" />
</li>

配了tw前缀,group要改成tw-group

javascript 复制代码
// tailwind.config.js

module.exports = {
	prefix: "tw-",
}
html 复制代码
<li class="tw-group">
	<div class="group-hover:tw-opacity-100" />
</li>
相关推荐
南雨北斗6 分钟前
wangeditor5 在vue3项目中的正确配置
前端
Cache技术分享8 分钟前
517. Java 方法句柄 - 方法句柄 vs 反射 API
前端·后端
小刘在重生~9 分钟前
Web 前端基础|HTML+CSS+JavaScript+Bootstrap
前端·css·html
是立不是利14 分钟前
第二篇:CSS 与用户体验——看不见的设计
前端·css·ux
打呵欠的猫19 分钟前
我把 20 个页面的权限控制从"硬编码"改成"配置驱动",AI 帮我生成了 80% 的迁移代码
前端·ai编程
志尊宝32 分钟前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记
海鸥两三37 分钟前
Mac电脑使用 Tabby 部署前端项目到阿里云服务器完整教程
前端·macos·阿里云
console.log('npc')1 小时前
2026 实测:Grok 4.5 与 Grok 4.6 怎么选?前端开发、教程写作、Figma 还原选型指南
前端·大模型·ai编程·figma·grok
yyt3630458411 小时前
一次鼠标交互触发两次 Vue flushJobs:把高频交互从 VDOM 里拆出来
前端·vue.js·计算机外设
YUJIANYUE1 小时前
查立得万用查分安卓版(web环境+查询系统免安装单文件一键运行包)
android·前端