是否有包含特定文本的元素的CSS选择器？

Question

是否有包含特定文本的元素的CSS选择器？我正在寻找下表的CSS选择器：Peter    | male    | 34Susanne  | female  | 12是否有任何选择器匹配所有包含“男性”的TD？

Answer 1

如果我正确阅读了规范，没有。

您可以匹配元素，元素中属性的名称以及元素中命名属性的值。但是，我没有看到任何元素内的匹配内容。

Answer 2

使用jQuery：

$('td:contains("male")')

Answer 3

你不得不数据属性添加到所谓的行data-gender用male或female值和使用属性选择：

HTML：

<td data-gender="male">...</td>

CSS：

td[data-gender="male"] { ... }