1. ホーム
  2. html

[解決済み] CSS "and" セレクタ - 複数のクラスを持つ要素を選択することはできますか?

2022-03-03 12:07:55

質問

の両方を持つ要素をすべて選択しようとしています。 .checked.featured タグを使用します。つまり、基本的には、私が探しているのは "and" セレクターです。

このような場合、何か回避策はありますか?

解決方法は?

の両方を使用します。 の間にスペースを入れずに )

.checked.featured{
   // ...
}

参考 http://www.w3.org/TR/selectors/#class-html


div{margin:1em;padding:1em;}

.checked{color:green;}
.featured{border:1px solid #ddd;}

.checked.featured{
       font-weight:bold;
    }
<div class="checked">element with checked class</div>
<div class="featured">element with featured class</div>
<div class="featured checked">element with both checked and featured classes</div>