CSSセレクタでclass名の部分一致かつ複数条件をAND条件で指定する

やりたかったこと

class名「fooを含む」かつ「barを含む」要素を選択する。

正解

[class*=foo][class*=bar]

補足

• このような場合に、「.foo.*bar.」のように、正規表現を書くことはできず、[class*=foo]と、属性セレクタを使って中間一致を指定するしか無いらしい。
• [][]と、属性セレクタを続けることで、複数の属性セレクタをAND条件で指定できる。
• class以外にid名等でも、同様に書けるでしょう。

私について

CSSセレクタ、まだまだ不勉強です。
的外れなことを言ってたら、コメントで優しく教えてくださるとうれしいです。