2014-01-12 137 views

回答

5

.myClass/DomElement > .myotherclassinsidethatelement僅選擇父類的直接子元素。

所以:

<div class='myClass'> 
    <div class='someOther'> 
     <div class='myotherclassinsidethatelement'></div> 
    </div> 
</div> 

在這種情況下,>版本將不會選擇它。

在這裏看到:http://jsfiddle.net/RRv7u/1/

1

UPDATE

以前的答案我給是不正確的。我的印象是繼承和嵌套是一回事,但事實並非如此。如果任何人有這樣的印象,這裏是一個資源解釋什麼是嵌套:

http://www.htmldog.com/guides/css/intermediate/grouping/

這裏是另一個解釋什麼特異性:

http://www.htmldog.com/guides/css/intermediate/specificity/

這裏是最後的鏈接解釋特異性和繼承:

http://coding.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/

上一頁答案:

CSS中的角撐架表示繼承。所以,當你說

.class1 > .class2 { styles } 

你是說你要申請的Class2的風格 只打算當等級2爲1類的孩子被應用。

+1

>選擇元素的直接子元素而不是所有元素它不表示繼承。它表示兩個元素之間的親子關係。繼承是一個完全不同的概念,可以應用於'.class1 .class2'和'.class1> .class2'。 – BoltClock

+0

@BoltClock謝謝你指出。我認爲他們是同樣的事情。 – Jerreck