我想要更改tailwind hidden
类的名称,以便每当我想使用display:none
时,都可以使用单词no-display
而不是单词hidden
来实现.我假设这是我可以在tailwind 配置文件中进行的更改,但我似乎不能准确地确定如何以及需要在该文件中进行哪些更改.谢谢你的帮助
我想要更改tailwind hidden
类的名称,以便每当我想使用display:none
时,都可以使用单词no-display
而不是单词hidden
来实现.我假设这是我可以在tailwind 配置文件中进行的更改,但我似乎不能准确地确定如何以及需要在该文件中进行哪些更改.谢谢你的帮助
你可以add custom utilities到你的tailwind CSS
档.
使用@apply
指令:
main.css
:
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
.no-display {
@apply hidden
}
}
Html:
<div class="no-display">You can't see this text</div>
使用CSS
个实用程序:
main.css
:
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
.no-display {
display: none;
}
}
Html:
<div class="no-display">You can't see this text</div>