我正在尝试学习和使用最近非常流行的新实用程序框架。顺风CSS https://tailwindcss.com/
当我使用文档中的说明编译 css 时,我看到很多 css 类名都有冒号:
其中,前面有一个反斜杠\
这是为什么?是为了让CSS明白有一个:
还有而不是逃避吗?
Tailwind 使用带有冒号的类名作为其对响应式设计支持的一部分。特别是类名,例如
tablet:bold
表示类中定义的属性bold
应该应用,但前提是媒体与定义为的媒体查询匹配tablet
.
冒号是 HTML5 类名中完全有效的字符。然而,它是 CSS 选择器中的保留字符。因此,如果要选择名称中包含冒号的类的元素,则需要转义冒号。
所以,如果你有这样的 HTML:
<p class="one:two"></p>
如果您想要选择该元素,相应的查询选择器将类似于:
.one\:two
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)