css伪类 > 选择子元素没有效果, 如下代码

Question

css

.app-homework-arrange .arrange-header .header-item > ul >li:last-child{
    color: red;
    border-bottom: 1px dashed #cac8c9;
}

没有效果

有效果

Answer 1

:last-child 概述 :last-child CSS 伪类 代表父元素的最后一个子元素。 所以 li:last-child 指的是父元素里最后一个元素且为li的元素，而不是父元素里最后一个li元素

Answer 2

没看懂,你想表达的意思是什么猜测如果是要这种效果的话 你可以改为.app-homework-arrange .arrange-header .header-item > ul >li:nth-child(3){ color: red; border-bottom: 1px dashed #cac8c9; }

Answer 3

也可以试试这个 ul>li:nth-last-of-type(1)