css - 如何找到指定顺序的某类名元素
漂亮男人
漂亮男人 2017-06-05 11:10:44
0
3
1047
<p class="item2">
    <p class="tcc">
        <p class="icon">
        </p>
        <p>2017.07.07</p>
    </p>
    <p class="link">
    </p>
    <p class="tcc">
        <p class="icon">
        </p>
        <p>12个月</p>
    </p>
    <p class="link">
    </p>
    <p class="tcc">
        <p class="icon">
        </p>
        <p>2017.07.08</p>
    </p>
</p>

我想通过

item2 .tcc:nth-of-type(2) .icon{}

给第二个tcc类名的元素添加样式,为啥会无效的。我后来想了一下,nth-of-type这类伪类选择器前都是要元素标签的吗?网上的教程好像都是,不能是类名吗?

漂亮男人
漂亮男人

全部回复(3)
習慣沉默

因为 <p class="link"></p> 也是 p 所以 第二个 tcc 其实是 nth-of-type(3)

左手右手慢动作

且不说 nth-of-type 需不需要显式指定标签,:nth-of-type(n) 是指选择父元素中具有指定类型的第 n 个子元素,而你的第二个 .tcc.item2 的第 3 个子元素,而不是第 2 个,或许你应该写成 .item2 .tcc:nth-of-type(3) .icon {}

黄舟
item2 .tcc:nth-of-type(2) .icon{}

替换为

item2 .tcc:nth-child(3) .icon{}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!