CSS substring matching attribute selectors: Contains multiple class names

Issue

A CSS "contains" selector is

td[class*="foo"]

I can select multiple classes with

td[class*="foo bar"]

This however will fail for <td class="foo baz bar" />

How can I do a CSS "contains" wildcard select?

BTW: I cannot use td.foo.bar

Solution

The selector you're looking for is as follows, see this question for more details.

td[class*="foo"][class*="bar"]

However, if you need to use selectors like that then it's often a sign that your class name logic is bad.

Answered By - Etheryte