我感覺(jué)前面都沒(méi)答到點(diǎn)子上。

<div class="left first-div">
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個(gè)元素</a>
??????????? <a>:last-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個(gè)元素</a>
??????????? <a>:last-child</a>
??????? </div>
??? </div>

因?yàn)?first-div的第一個(gè)子元素是<div class="div">，$(".first-div：first-child")選中的是???????

?????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個(gè)元素</a>
??????????? <a>:last-child</a>
??????? </div>

所以你會(huì)看到第一個(gè)盒子里的字全變成紫色了，如果刪掉<div class="div">，變成如下

<div class="left first-div">
??????????? <a>:first-child</a>
??????????? <a>第二個(gè)元素</a>
??????????? <a>:last-child</a>
??????? <div class="div">
??????????? <a>:first-child</a>
??????? </div>
??????? <div class="div">
??????????? <a>:first-child</a>
??????????? <a>第二個(gè)元素</a>
??????????? <a>:last-child</a>
??????? </div>
??? </div>

那你寫的代碼就完全沒(méi)有問(wèn)題

因?yàn)?(".first-div a:first child")的意思是選中的元素具備以下條件：1，必須是a元素；2，這個(gè)a元素還得是父級(jí)元素的第一個(gè)元素，否則選不中。

因?yàn)檫@個(gè)題只寫了a標(biāo)簽，如果還寫了其他標(biāo)簽，就要按照具體要求選擇出第一個(gè)a標(biāo)簽

????$(":first-child")????
?這個(gè)選擇器選擇的是【在同一個(gè)父級(jí)元素】下的【所有子元素中】的【第一個(gè)元素】，所以前面的選擇器應(yīng)該選中的是【所有元素】這一塊，而不是【父級(jí)元素】例如：
?<ul>
?????<li></li>
?????<li></li>
?????<li></li>
?????<li></li>
?</ul>
??要用這個(gè)選擇器選中第一個(gè)【li】，那么應(yīng)該先選出【同一個(gè)父級(jí)元素】下的【所有元素】也就是【所有的li】，
??因此前面是
??$("ul?li");
??然后再?gòu)摹舅衛(wèi)i】里面選出第一個(gè)【li】，也就是
??$("ul?li:first-child");
?
?并不是CSS中的.firstChild這個(gè)屬性，看清楚了哈

$(".first-div：first-child").css("color", "#CD00CD")這個(gè)查找的是.first-div下面的所有的第一個(gè)元素，包括他的第一個(gè)子元素，也包括他的所有后代元素里面的所有第一個(gè)元素

因?yàn)閍是要被查找的元素，查找使用的方法是(":first-child")。