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;

}