这个到底选择的谁 ,,选择的是a元素的第一个子元素??还是所有a元素的父级元素的第一个子元素
这个就很好理解了
$(".first-div a:first-child").css("color", "#CD00CD");
.first-div 指定class名为.first-div 的标签元素
a:first-child 指定a标签的父元素的子标签中的第一个标签
举例如下:
<div class="first-div">
<a>:first-child</a>
<a>第二个元素</a>
<a>:last-child</a>
</div>
<div class="first-div">
<a>:first-child</a>
</div>
<div class="firstdiv">
<a>:first-child</a>
<a>第二个元素</a>
<a>:last-child</a>
</div>
.first-div 指定class名为.first-div 的标签元素 ----即指定 <div class="first-div"> </div>标签
a:first-child 指:将会选中 父标签( <div class="first-div"> </div>标签)下的所有子标签 里边的第一个标签
最后结果就是 选中了带下划线的那些 标签(都是第一个)
选个class=.first_div元素中,所有a标签的第一个子元素
选择的是class选择器下 a元素下的第一个子元素