2014-01-12 135 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