2012-04-26 5 views
0

いくつかのコードサンプルではclass1> class2 {class definition}を見てきました。上記の記号は何を意味していますか?CSS class1> class2意味ですか?

+0

MDN:[子セレクタ](https://developer.mozilla.org/ ja/CSS/Child_selectors)。 –

答えて

7

class2class1の直系子孫(子)の場合は、クラスclass2の要素にルールを適用します。

これはつまり、バージョン7では動作しませんので注意して下

少しデモ:

http://jsfiddle.net/jjqzK/

またそれが(と

.class1 > .class2として書かれるべきであることに注意してください

1

clクラス名の前にドット(.)が付いています。 2、ここでお尻例えば、クラス1の直接の子である:私たちが呼ぶ場合

<div class="class1"> 
    <div class="class2"> 
    ..... 
    </div> 
    <div class="class2"> 
    ..... 
    </div> 
    <div class="class2"> 
    ..... 
    </div> 
    ..... 
</div> 

その後:

.class1 > .class2{ 
    /* something */ 
} 

を次に「クラス1」divの内側だけで最初の「クラス2」divがで影響を与えますスタイル。

2

(そして、あなたが異なっているものを見ることができます(>)を追加/削除してください)このデモをご確認ください

http://jsfiddle.net/pZtTy/1/

関連する問題