子对象选择符以所给元素的直属子对象为目标。例如,它使你能够格式化列表的直属子对象中的链接,以区别其他的链接。子对象选择符由两个或更多的一”>”连接符分隔的选择符组成。

提示? -_- -!连接符(Combinator)分隔组合选择符中的两个或更多个选择符。可用的连接符包括空格,> ,+,逗号,分号。(当然都是半角咯#_#)

下面的例子规则将设置所有属于<div>元素子对象的链接的样式:

div > a {

text-indent: 200px;

}

这个规则仅影响那些直属于<div>元素的子对象(不是其他自对象的子对象)<a>元素。如果其他元素出现在<div>和链接之间——例如<ul>元素——选择符将不会与之匹配,text-indent格式也会失效。

<div>

<a href=”http://www.5ivedanc.com”>yunsi me</a>

<ul><li><a href=”http://www.5ivedanc.com”>yunsi me</a></li></ul>

</div>