写的nth-child（9），但是第八个a标签变了颜色-慕课网

写的nth-child（9），但是第八个a标签变了颜色

来源：2-16 综合案例

慕神1662884

2018-09-29 17:13

<div id="menu">
    
    <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>

写回答关注

5回答

慕UI8429273

2019-03-25 12:38:35

看图应该可以

0 0
Cynoan

2018-12-16 01:30:54

nth-child()这个功能有点迷，比如a:nth-child(3)，他会找到a所在父元素，然后再找该父元素下所有的标签（包含其他标签），定位到第3个，如果是a标签，就会生效（如果你写了p，就不会生效）。并不是找到父元素下面的第3个a标。

0 0
isSmallFish

2018-10-25 11:52:41

$("#menu dd a:nth-child(9)")指的时dd的所有子标签第九个并且为a标签
所以要选中9的话需要加1 因为P标签和a标签同级所以P标签页算进去了
为$("#menu dd a:nth-child(10)")第10个元素但是是a标签的第九个

0 3
精慕门6444750

2018-10-14 12:30:44

我也是这样，同问

0 0
妮妮w

2018-09-29 17:30:45

nth-child(index) 的index下标是从 0 开始的

4 0

小季乐乐44...

eq(index) 的index下标是从 0开始的

2019-03-01 01:00:59

共 4 条回复 >