如何在TailWind CSS中使用具有任意值的类 [英] How in Tailwind CSS to use classes with arbitrary values

问题描述

我是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中使用具有任意值的类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！