複数のCSSクラスをターゲットにする

クラスAを持つ必要のある要素をターゲットにする方法はありますか？クラスBまたはC、DまたはF ...などがありますか？クラスAが必須で、その後にはクラスAが必要です。自分のCSSファイルにはかなりの数があるので、それぞれ同じコードをほとんど繰り返す必要はありません。複数のCSSクラスをターゲットにする

私は属性セレクタを使って遊んでいますが、それを理解することはできません。何かを見落としてしまうことを望んでいました。

出典

2017-01-12 Frank Underwood

特定の条件に一致するものにクラスを追加するには、おそらく小さなJSで何かを行うことができます。 –

古い方法：

.a:moz-any(.b, .c, .d, .e, .f) 
.a:webkit-any(.b, .c, .d, .e, .f)

がMDN - The :any pseudo-class

を参照してくださいとして

.a.b, .a.c, .a.d, .a.e, .a.f

提案の方法（いくつかの現在のブラウザがサポートしていること）

.a:matches(.b, .c, .d, .e, .f)

一部のブラウザでは、それを実装します

出典

2017-01-12 15:46:37 Oriol

私はSafariがサポートしていると思います：matches（）、[webkit blog]の素晴らしい記事（https://webkit.org/blog/3615/css-selectors-inside-selectors-discover-matches-not-and-nth-child/ ）。 – Stickers

これはまさに私が探しているものですが、ブラウザのプレフィックスを使用する必要がある場合、私はまだ3回繰り返す必要があります。または？ –

[Caniuse]（http://caniuse.com/#search=%3Amatches）ブラウザが '：matches（）'をどのようにサポートしているかの結果。 – TylerH

複数のCSSクラスをターゲットにする

答えて

関連する問題