如何在TailWind CSS中使用具有任意值的类
本文介绍了如何在TailWind CSS中使用具有任意值的类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我是Tailwindcss的新手。通过链接https://tailwindcss.com/docs/just-in-time-mode#arbitrary-value-support,我看到我们可以使用具有任意值的类,如
class="bg-[#1da1f1]"
但浏览器看不到包含[
、]
、#
等字符的类。
那么如何使用它们,或者如何在TailWind中使用它们?我不明白
css
[
、]
、#
等字符在推荐答案选择器中进行转义。
参考-CSS classes with special characters
像这样-
.bg-[#333] {
--tw-bg-opacity: 1;
background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
}
这篇关于如何在TailWind CSS中使用具有任意值的类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,