鍍金池/ 問(wèn)答/Java  PHP  C  HTML/ css偽類 > 選擇子元素沒(méi)有效果, 如下代碼

css偽類 > 選擇子元素沒(méi)有效果, 如下代碼

css

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

沒(méi)有效果

clipboard.png

clipboard.png

有效果

clipboard.png

clipboard.png

回答
編輯回答
紓惘

:last-child

概述

:last-child CSS 偽類 代表父元素的最后一個(gè)子元素。

所以 li:last-child 指的是父元素里最后一個(gè)元素且為li的元素，而不是父元素里最后一個(gè)li元素

2017年4月17日 00:18
編輯回答
浪蕩不羈

也可以試試這個(gè) ul>li:nth-last-of-type(1)

2018年3月10日 00:39
編輯回答
哎呦喂

沒(méi)看懂,你想表達(dá)的意思是什么
猜測(cè)如果是要這種效果的話

clipboard.png
你可以改為
.app-homework-arrange .arrange-header .header-item > ul >li:nth-child(3){

color: red;
border-bottom: 1px dashed #cac8c9;

}

2018年6月20日 09:08