2012-04-26 26 views
0

我在一些代碼示例class1> class2 {class definition}中看到過。以上符號代表什麼意思?CSS class1> class2的含義?

+0

MDN:子選擇器(https://developer.mozilla.org/ EN/CSS/Child_selectors)。 – 2012-04-26 10:21:02

回答

7

如果class2class1的直接後代(子),則將該規則應用於類別爲class2的元素。

請注意,這並不在IE版本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 */ 
} 

那麼只有第一個「類2」分區的「1類」的div內將影響樣式。

相關問題