在 CSS 名称选择器中使用带有特殊字符的分隔符 [重复]

Question

在 css 名称中使用特殊字符的准确度如何，例如在 tailwind css 框架中？

我的意思是，我非常喜欢它，我想使用它。我做了一些研究。要么大多数消息来源没有说什么，要么来源连接中断。

其实，

.hover\:red:hover
{
    color: red;
}

<p class="hover:red">Dummy (Hover me)</p>

使用它是否真的可以在所有设备和第三方浏览器上正常工作，除了 IE8 及以下浏览器？

最后，搜索引擎有劣势吗？所以SEO、usability、accessibility等等。

Answer 1

总之是的

如您所见Tailwind Browser Support，它们涵盖了所有主流浏览器，包括 IE 11。

他们也支持accessibility 以及相同的方法。

所以我认为这种方法没有害处，任何搜索引擎都会因为其有效的 CSS 选择器而抛出错误。您可以在w3c validator 上对其进行测试。他们的Github Repo 也没有公开的 SEO 相关问题。所以我相信你可以随意使用这种方法。

顺便说一句，我只知道这个选择器哈哈。