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

Question

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

我正在寻找下表的CSS选择器：

Peter    | male    | 34

Susanne  | female  | 12

是否有任何选择器匹配所有包含“男性”的TD？

Answer 1

如果我正确阅读了规范，没有。您可以匹配元素，元素中属性的名称以及元素中命名属性的值。但是，我没有看到任何元素内的匹配内容。

Answer 2

使用jQuery：$('td:contains("male")')

Answer 3

你不得不数据属性添加到所谓的行data-gender用male或female值和使用属性选择：HTML：<td&nbsp;data-gender="male">...</td>CSS：td[data-gender="male"]&nbsp;{&nbsp;...&nbsp;}