是否可以使用 Tailwind CSS 鏈接偽類？

Question

我有一個after:偽元素，我使用 Tailwind CSS 作為目標。我想在移動到中等屏幕時刪除元素的背景。

我知道我應該可以做md:bg-none並且我可以做after:bg-none ，但我可以一起做嗎？

例如md:after:bg-none

這應該工作嗎？ 或者我錯過了什么？

Answer 1

我認為您不需要它們兩個，如果其中一個有效，那么它應該足以滿足您的需求。

md: bg-none

Answer 2

沒關系。 我意識到我一定以某種方式覆蓋了 Tailwind 默認值，並且 bg-none 不起作用。

我將 bg-none 添加到 taiwind.config 文件中，並且能夠運行：

md:after:bg-none

所以對於其他徘徊的人（因為其他地方似乎沒有任何其他答案，完全可以使用 Tailwind CSS 將偽類鏈接在一起。

Answer 3

它絕對可以鏈接，但請記住只有完整的鏈才能工作：

hover:bg-black //black background on hover

focus:bg-black //black background on focus

focus:hover:bg-black //black background on hovering already focused element

后者 class 不會對 hover 做任何事情，也不會單獨關注。