A>B选择器要注意的问题

这个是个直接后代选择器，只选择直接子代原素，子代中的子元素不选择。

如：

<div id="f">
<a>1</a>
<p>
<a>2</a>
</p>
</div>

jquery代码：

$("#f  >a").css("color","red");       // 这里就只有第一个<a>会变色

糟糕的例子：

<div id="f">                            

    <div id="s">

        <div id="t">

        </div>

    </div>

</div>

  $("#f>div").css("color","red")，这里会发现，s和t都变成红色，因为会发生了继承。虽然第一次确实只选择到了s，但是给s加样式，t必然会继承到的。。所以这里看不出效果来，因此要注意继承。