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;}