76

.checkedと.featuredタグの両方を持つすべての要素を選択しようとしています。基本的に、私が探しているのは「and」セレクターです。あるかどうかはわかりません。

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

4

3 に答える 3

117

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

.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>

于 2013-01-30T08:08:02.323 に答える
18

次のように 2 つのクラスに「参加」できます。.checked.featured

于 2013-01-30T08:07:52.487 に答える
9

AND を表現するには、子孫セレクターで.checked.featuredある一般的なクラスと混同しないようにクラスを連結するだけです。.checked .featured

公式ドキュメントを見てみましょう

于 2013-01-30T08:10:59.580 に答える