如何使 TailwindCSS Group-hover 在代码沙盒中工作?

Posted

技术标签:

【中文标题】如何使 TailwindCSS Group-hover 在代码沙盒中工作?【英文标题】:How do I make TailwindCSS Group-hover work in codesandbox? 【发布时间】:2019-09-20 09:19:43 【问题描述】:

我从 - https://tailwindcomponents.com/component/button-dropdown 获取标记

并尝试使用 Codesandbox 实例应用相同的标记。

我更新了 tailwind.js 中的可见性模块,添加了 group-hover 变体。将鼠标悬停在按钮上不会显示 group-hover 所针对的元素。

我错过了什么?

https://codesandbox.io/s/2p9jj3wknr

【问题讨论】:

【参考方案1】:

此错误是因为 CDN 正在加载库的标准版本。我的 Codesandbox 实例中没有使用 tailwind.js 中的更新。

【讨论】:

以上是关于如何使 TailwindCSS Group-hover 在代码沙盒中工作?的主要内容,如果未能解决你的问题,请参考以下文章

如何使 TailwindCSS Group-hover 在代码沙盒中工作?

使用 TailwindCSS 单击按钮时,使侧边栏从左侧滑入

如何使用daisyUI(Tailwind CSS)使身体透明?

无法使用 Tailwindcss 使表单居中

带有tailwindcss的字体很棒的响应式大小

如何使用顺风使 CSS 网格项具有自动高度?