Question

我无法理解我做错了什么，但:contains css选择器对我不起作用。它是否被排除在当前的css3实施之外？我在FF，chrome和IE中检查它们，它们都忽略了background: red属性。

<!DOCTYPE html>
<html>
<head>
<style>
.a {
border: 1px solid black;
width: 20px;
height: 30px;
position: relative;
}

.a:contains("1") {
background: red;
}
</style>
</head>
<body>
<div class="a">1</div>
</body>
</html>

Answer 1

伪类:contains()已从规范中删除。

6.6.6。空白

本节特意留空。（此部分先前   定义了一个:contains()伪类。）

https://www.w3.org/TR/css3-selectors/#content-selectors

以下是如何使用javascript或jQuery（第12个答案）

How to check whether a string contains a substring in JavaScript?

css3：包含选择器不起作用

1 个答案: