选择器>之间有什么不同?选择器和选择器?

时间:2014-01-12 00:02:02

标签: css css-selectors

我想知道哪个是不同的:

.myClass/DomElement .myotherclassinsidethatelement

.myClass/DomElement > .myotherclassinsidethatelement

两者都选择我的.myClass / DomElement中的myotherclassinsidethatelement类元素 或者我错过了什么?

2 个答案:

答案 0 :(得分:5)

.myClass/DomElement > .myotherclassinsidethatelement仅选择父类的直接子项。

所以:

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

在这种情况下,>版本不会选择它。

见这里:http://jsfiddle.net/RRv7u/1/

答案 1 :(得分:1)

更新

我之前给出的答案是错误的。我的印象是继承和嵌套是一回事,但事实并非如此。如果有其他人有这种印象,这里有一个资源解释什么是嵌套:

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是class1的子级时才会应用。