[分享]css取不是最后一个

 CSS 是前端开发必须的技能之一，我们可以通过 CSS 风格化网页并赋予其更好的可读性和视觉效果。然而，在实现某些功能时，我们需要使用一些 CSS 的高级技巧，如通过选择器选取不是最后一个元素。 首...

 CSS 是前端开发必须的技能之一，我们可以通过 CSS 风格化网页并赋予其更好的可读性和视觉效果。然而，在实现某些功能时，我们需要使用一些 CSS 的高级技巧，如通过选择器选取不是最后一个元素。

首先，让我们来看看下面这个例子：

ul li:last-child {
    color: red;
} 

这个代码的意思是选取最后一个 li 元素，并赋予其红色的字体颜色。这是一个常见的技巧，但是我们并不想选取最后一个元素，而是想选取不是最后一个元素。那该怎么做呢？

答案是使用 :not 伪类选择器。下面是我们的新代码：

ul li:not(:last-child) {
    color: red;
} 

现在，我们选择的是不是最后一个元素，也就是除了最后一个元素以外的所有 li 元素。这个技巧在很多情况下都非常有用，比如在确定每个元素的边框或者填充时。

总之，CSS 的强大功能是前端开发人员必须掌握的技能之一。通过使用 :not 伪类选择器，我们可以选取不是最后一个元素，让我们的页面更具有可读性和视觉效果。