クリエイター：コーディング備忘録ブログ

コーディング

便利な CSSセレクタ

nth-childのような～何番目を指定できる便利なセレクタがたくさんありますが、
それ以外にも便利なセレクタが存在します。

1. :matches()

■css
box_01 h1,
box_01 h2,
box_02 h1,
box_02 h2,

:matches(box_01, box_02) :matches(h1, h2){}
:matches()を使えば、シンプルにcssを記述することができます。

 

:matches()はSafariのみ対応していますが、
Firefox・Chromeなどでは:any()擬似クラスを使うことになっています。

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP