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)