Is there a CSS selector for elements containing certain text

Question

I am looking for a CSS selector for the following table:

Peter    | male    | 34
Susanne  | female  | 12

Is there any selector to match all TDs containing "male"?

Answer 1

You'd need to add a data attribute named data-gender to the rows with a male or female value and utilize the attribute selector:

HTML:

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

CSS:

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