寫的nth-child（9），但是第八個(gè)a標(biāo)簽變了顏色
? <div id="menu">
??? <!--tag標(biāo)題-->
??? <div id="menu_female">
??????? <h3>女裝</h3>
??????? <div class="tag" style="display: block;">
??????????? <dl>
??????????????? <dd>
??????????????????? <p>第一類</p>
??????????????????? <a>1.襯衫</a>
??????????????????? <a>2.T恤</a>
??????????????????? <a>3.雪紡衫</a>
??????????????????? <a>4.針織衫</a>
??????????????????? <a>5.短外套</a>
??????????????????? <a>6.衛(wèi)衣</a>
??????????????????? <a>7.小西褲</a>
??????????????????? <a>8.風(fēng)衣</a>
??????????????????? <a>9.吊帶背心</a>
??????????????????? <a>10.連衣裙</a>
??????????????????? <a name="setColor">11.蕾絲連衣裙</a>
??????????????????? <a>12.復(fù)古連衣裙</a>
??????????????????? <a>13.印花連衣裙</a>
??????????????????? <a>14.真絲連衣裙</a>
??????????????????? <a>更多</a>
??????????????? </dd>
??????????? </dl>
??????? </div>
</div>
<script type="text/javascript">
??? //不分男女，選中第一類衣服中第9個(gè)a元素，并改變顏色
??? //這里用了nth-child 選擇的他們所有父元素的第n個(gè)子元素
??? $("#menu dd a:nth-child(9)").css('color','#66CD00');
</script>
2019-03-25
看圖應(yīng)該可以
2018-12-16
nth-child()這個(gè)功能有點(diǎn)迷，比如a:nth-child(3)，他會(huì)找到a所在父元素，然后再找該父元素下所有的標(biāo)簽（包含其他標(biāo)簽），定位到第3個(gè)，如果是a標(biāo)簽，就會(huì)生效（如果你寫了p，就不會(huì)生效）。并不是找到父元素下面的第3個(gè)a標(biāo)。
2018-10-25
? $("#menu dd a:nth-child(9)")指的時(shí)dd的所有子標(biāo)簽第九個(gè) 并且為a標(biāo)簽
所以要選中9的話 需要加1??因?yàn)镻標(biāo)簽和a標(biāo)簽同級(jí) 所以P標(biāo)簽頁(yè)算進(jìn)去了
為$("#menu dd a:nth-child(10)")第10個(gè)元素 但是是a標(biāo)簽的第九個(gè)
2018-10-14
我也是這樣，同問
2018-09-29
nth-child(index)? 的index下標(biāo)是從 0 開始的