我想知道哪个是不同的:
.myClass/DomElement .myotherclassinsidethatelement
和
.myClass/DomElement > .myotherclassinsidethatelement
两者都选择我的.myClass / DomElement中的myotherclassinsidethatelement类元素 或者我错过了什么?
答案 0 :(得分:5)
.myClass/DomElement > .myotherclassinsidethatelement
仅选择父类的直接子项。
所以:
<div class='myClass'>
<div class='someOther'>
<div class='myotherclassinsidethatelement'></div>
</div>
</div>
在这种情况下,>
版本不会选择它。
答案 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的子级时才会应用。