問題描述

我這下面有一組li，我想給他們加個紅色背景，但是就是除了最后一個不加要怎么寫？我用下面那樣寫沒用

li:not(li:nth-last-child){ background:red;}<ul><li></li><li></li><li></li></ul>

問題解答

難道不是這樣？

li:not(:last-of-type){}/**:last-of-type指的是相對父元素的最后一個li元素**/

二樓的答案，也可以

li:not(:last-child){}/**:last-child指的是li元素而且這個li元素是父元素的最后一個元素**//**等同于樓主的**/li:not(:nth-last-child(1)){}兩者有什么不同？

對于ul元素子元素全是li元素時，兩者是一樣的

<ul> <li> <li> <li><!--第一個和第二個選擇器都會忽略這個--><ul>

但是如果ul元素子元素不全是li而且最后一個元素也不是li時

<ul> <li> <li> <p> <li> <!--這時候第一個選擇器會忽略這個,而第二個選擇器會全選上--> <i><ul>回答2：

li:not(:last-child){}