問題描述

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

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

問題解答

難道不是這樣？

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

二樓的答案，也可以

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

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

<ul> <li> <li> <li><!--第一個(gè)和第二個(gè)選擇器都會(huì)忽略這個(gè)--><ul>

但是如果ul元素子元素不全是li而且最后一個(gè)元素也不是li時(shí)

<ul> <li> <li> <p> <li> <!--這時(shí)候第一個(gè)選擇器會(huì)忽略這個(gè),而第二個(gè)選擇器會(huì)全選上--> <i><ul>回答2：

li:not(:last-child){}