样式元素如果包含某个单词，则仅限CSS3

Question

我想根据内部写入的文本设置元素的样式。

<div class="target-element">
  Cat
</div>

如果我猜测CSS的外观：

.target-element[content="Cat"] {
    background-color: red;
}

这当然不起作用^^，这是帮助的来源。

Answer 1

您可以将data-*属性设置为div并捕获该属性以将css更改为

＆＃13;

＆＃13;

div[data-color="red"] {
    color: red;
}

＆＃13;

<div class="target-element" data-color="red">
  Cat
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

据我所知，只有css无法做到这一点。

如果你可以使用javascript和jquery，我会看一下这个例子：https://www.codeproject.com/Questions/469131/jIn-hear-we-have-a-single-class-But-I-want-colour

var content = $(".target-element").text();
if (content == "Cat") {
    content.css("background", "red");
}