CSS 子元素选择器

在写css样式的时候会用到大于号( '>' )用来选择子代元素,设定的样式有时候有效有时候无效,why?,今天去查看一下,w3school是这样解释的:

如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。

 

例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：

 

h1 > strong {color:red;}

这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：

<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1

 

详细请参考:http://www.w3school.com.cn/css/css_selector_child.asp