Question

我的html中有一个节点，如下所示

<h2> My Text </h2>

有没有办法根据文本设置样式h2元素（不使用任何类）
例如

h2[text='My Text']{
color:red;
}

请注意，我不想使用javascript代码

Answer 1

不，你不能只用css来做。有一个contains选择器的提案，但它没有实现。目前javascript是唯一的方式。

如果您可以将某个类别的标识符附加到元素上，您可以正常设置样式，但要回答您的问题，不能通过它的内容选择css中的元素

Answer 2

Html5的

<h2 class="YourClass"> My text </h2>

的CSS

.YourClass {
  color:red
}

据我所知，你想要设计风格h2。我不知道你为什么要使用javascript而不是css3。

你能告诉我们h2所在的div吗？您可以使用路径选择器。

<div>
 <nav>
   <h2>My Text</h2>
 </nav>
<div>

div nav h2 {
  color:red
}

Answer 3

我担心没有任何方法只使用css这样做。您当然可以使用javascript进行此操作，但由于它不适合您，因此我建议根据文本创建和添加类更接近您的预期。

Answer 4

您可以使用第一行第n个选择器 -

h2::first-line {
        color: red;
}