孩子和选民的区别

这些似乎是做同样的事情。我从来不知道有什么不同。孩子和选民的区别

<style> 
    #a > b > i{ 
     color: blue; 
    } 
    #b b i{ 
     color: red; 
    } 
</style> 
<div id="a"> 
<b><i>text</i></b> 
</div> 
<div id="b"> 
<b><i>text</i></b> 
</div>

来源

2010-07-13 Ben Shelock

有区别。

>的是子选择器，其选择只直接/即时元素，其中如#a b i将在指定的父内任意深度选择的子元素。

对于你的标记：

<div id="a"> 
<b><i>text</i></b> 
</div> 
<div id="b"> 
<b><i>text</i></b> 
</div>

双方应该工作，但还是孩子选择是在这种情况下更合适。试想一下：

<div id="a"> 
<b><i>text</i></b> 
</div> 
<div id="b"> 
<b><i>text</i></b> 
<b><i>text<div><span><i>text</i></span>></div></i></b> 
</div>

在上述情况下，虽然，孩子选择不会在<i>在<div><span><i>text</i></span>></div>应用于span元素里面，这是不<b>元素的直接孩子。

更多信息：

CSS Child Selectors

来源

2010-07-13 17:24:45 Sarfraz

第三个字的错字;）差异 – 2010-07-13 17:39:30

@Gaby：谢谢你:) – Sarfraz 2010-07-13 17:57:21

从specs

儿童
权的一个元素A被称为当且仅当B是元素B的孩子A的亲本。
后代
的元素A被称为元素B的后代，如果（1）A是B的子级，或者（2）A是一些元件C的子即B.

的后代

来源

2010-07-13 17:27:48

孩子和选民的区别

回答

相关问题