寫的nth-child(9),但是第八個a標簽變了顏色
? <div id="menu">
??? <!--tag標題-->
??? <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.衛衣</a>
??????????????????? <a>7.小西褲</a>
??????????????????? <a>8.風衣</a>
??????????????????? <a>9.吊帶背心</a>
??????????????????? <a>10.連衣裙</a>
??????????????????? <a name="setColor">11.蕾絲連衣裙</a>
??????????????????? <a>12.復古連衣裙</a>
??????????????????? <a>13.印花連衣裙</a>
??????????????????? <a>14.真絲連衣裙</a>
??????????????????? <a>更多</a>
??????????????? </dd>
??????????? </dl>
??????? </div>
</div>
<script type="text/javascript">
??? //不分男女,選中第一類衣服中第9個a元素,并改變顏色
??? //這里用了nth-child 選擇的他們所有父元素的第n個子元素
??? $("#menu dd a:nth-child(9)").css('color','#66CD00');
</script>
2019-03-25
看圖應該可以
2018-12-16
nth-child()這個功能有點迷,比如a:nth-child(3),他會找到a所在父元素,然后再找該父元素下所有的標簽(包含其他標簽),定位到第3個,如果是a標簽,就會生效(如果你寫了p,就不會生效)。并不是找到父元素下面的第3個a標。
2018-10-25
? $("#menu dd a:nth-child(9)")指的時dd的所有子標簽第九個 并且為a標簽
所以要選中9的話 需要加1??因為P標簽和a標簽同級 所以P標簽頁算進去了
為$("#menu dd a:nth-child(10)")第10個元素 但是是a標簽的第九個
2018-10-14
我也是這樣,同問
2018-09-29
nth-child(index)? 的index下標是從 0 開始的