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

Answer 1

You'd have to add a data attribute to the rows called data-gender with a male or female value and use the attribute selector:

HTML:

...

CSS:

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