css3不包括
大家讲道理
大家讲道理 2017-04-17 11:27:48
0
2
527

我这下面有一组li,我想给他们加个红色背景,但是就是除了最后一个不加要怎么写?
我用下面那样写没用

li:not(li:nth-last-child){
   background:red;
}

<ul>
<li></li>
<li></li>
<li></li>
</ul>
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

reply all(2)
小葫芦

Isn’t that so?

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

The answer on the second floor can also be used

li:not(:last-child){
}
/**:last-child指的是li元素而且这个li元素是父元素的最后一个元素**/

/**等同于楼主的**/
li:not(:nth-last-child(1)){
}

What’s the difference between the two?

When the child elements of the ul element are all li elements, the two are the same

<ul>
    <li>
    <li>
    <li><!--第一个和第二个选择器都会忽略这个-->
<ul>

But if not all the child elements of the ul element are li and the last element is not li either

<ul>
    <li>
    <li>
    <p>
    <li> <!--这时候第一个选择器会忽略这个,而第二个选择器会全选上-->
    <i>
<ul>
刘奇

li:not(:last-child){
}

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template