为什么 tailwind css class 名称中有一个反斜杠？
Why is there a back slash in tailwind css class names?
我正在尝试学习和使用最近非常流行的新实用程序框架。 TailwindCSS
当我使用文档中的说明编译我的 css 时，我看到很多 css class 名称中有冒号 : 并且它位于前面通过反斜杠 \
这是为什么？是为了让CSS明白有:存在而不是逃避吗？
Tailwind 使用 class 个带冒号的名称作为其对响应式设计支持的一部分。特别是 class 名称，例如
tablet:bold
意味着应该应用 class bold 中定义的属性，但前提是媒体匹配定义为 tablet.
的媒体查询
冒号是 HTML5 class 名称中完全有效的字符。但是，它是 CSS selector 中的保留字符。所以，如果你想 select 名称中包含冒号的 class 元素，你需要转义冒号。
因此，如果您 HTML 是这样的：
<p class="one:two"></p>
而你想要select那个元素，相应的查询select或者会是这样的：
.one\:two
我正在尝试学习和使用最近非常流行的新实用程序框架。 TailwindCSS
当我使用文档中的说明编译我的 css 时，我看到很多 css class 名称中有冒号 : 并且它位于前面通过反斜杠 \
这是为什么？是为了让CSS明白有:存在而不是逃避吗？
Tailwind 使用 class 个带冒号的名称作为其对响应式设计支持的一部分。特别是 class 名称，例如
tablet:bold
意味着应该应用 class bold 中定义的属性，但前提是媒体匹配定义为 tablet.
冒号是 HTML5 class 名称中完全有效的字符。但是，它是 CSS selector 中的保留字符。所以，如果你想 select 名称中包含冒号的 class 元素，你需要转义冒号。
因此，如果您 HTML 是这样的：
<p class="one:two"></p>
而你想要select那个元素，相应的查询select或者会是这样的：
.one\:two