为什么在tailwind css类名中有反斜杠?

为什么在tailwind css类名中有反斜杠?,css,tailwind-css,Css,Tailwind Css,我正在尝试学习和使用一种新的实用程序框架,这种框架最近非常流行 当我使用文档中的说明编译css时,我看到很多css类名中都有冒号:,前面有反斜杠\ 为什么呢?这是为了让CSS理解那里有一个:,而不是逃避它吗?Tailwind使用带有冒号的类名作为其对响应性设计的支持的一部分。特别是类名称,例如 tablet:bold 表示应应用类中定义的属性,但前提是介质与定义为tablet的介质查询相匹配 冒号是HTML5类名中完全有效的字符。但是,它是CSS选择器中的保留字符。因此,如果要选择名称包含冒号

我正在尝试学习和使用一种新的实用程序框架,这种框架最近非常流行

当我使用文档中的说明编译css时,我看到很多css类名中都有冒号
,前面有反斜杠
\


为什么呢?这是为了让CSS理解那里有一个
,而不是逃避它吗?

Tailwind使用带有冒号的类名作为其对响应性设计的支持的一部分。特别是类名称,例如

tablet:bold
表示应应用类
中定义的属性,但前提是介质与定义为
tablet
的介质查询相匹配

冒号是HTML5类名中完全有效的字符。但是,它是CSS选择器中的保留字符。因此,如果要选择名称包含冒号的类的元素,则需要转义冒号

因此,如果您有如下HTML:

<p class="one:two"></p>
.one\:two