技术栈

tailwindcss group-hover 不生效

等下吃什么?2024-09-28 13:29

无效

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>
上一篇:AI产品经理学习路径:从零基础到精通,从此篇开始!
下一篇:中航通用飞机社招入职笔试:SHL题库综合能力性格问卷题型分析、高分攻略
相关推荐
damo王
17 小时前
how to install npm in ubuntu24.04?
前端·npm·node.js
光影少年
17 小时前
Vue 2 / Vue 3 diff算法
前端·javascript·vue.js
zhixingheyi_tian
18 小时前
Yarn 之 run job
java·开发语言·前端
指尖跳动的光
18 小时前
如何减少项目里面if-else
前端·javascript
yanghuashuiyue
18 小时前
Vue3难以统一的命名规范
前端·vue.js·typescript
mini_055
18 小时前
elementPlus版本升级,el-select默认值显示问题
前端·javascript·vue.js
C_心欲无痕
18 小时前
vue3 - watchPostEffect在DOM 更新后的副作用处理
前端·vue.js
教练、我想打篮球
19 小时前
123 safari 浏览器中下载 URLEncoder.encode 的中文名称的文件, safari 未进行解码, 其他浏览器正常
前端·http·safari
小白x
19 小时前
Echarts常用配置
前端
hello_Code
19 小时前
css和图片主题色“提取”
前端
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击03电脑检测软件—图吧工具箱043D 圣诞树网页代码05Linux下V2Ray安装配置指南06UV安装并设置国内源07在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)08jdk21下载、安装(Windows、Linux、macOS)09Claude Code Skills 实用使用手册10Gemini3 生成的基于手势控制3D粒子圣诞树