Html 删除单个列表项的列表属性

我试图做的是，从特定的

中删除

属性。在我的例子中，我在列表中有一个背景图像（

），它沿着所有列表项（

）。但在最后一项中，我不希望应用背景图像。举个例子，我正在分享一个示例代码：

html:

这是ul级。到目前为止，我尝试删除css文件中的属性：

.itemLast{
     background-image: none;
}

但不幸的是，这不起作用。有没有办法通过css实现这一点？
您可以尝试设置
背景：无。或者，您也可以通过

.list li {
  background: yellow;
}

.list li:last-child {
   background: none;
}

您可以尝试设置
背景：无
。或者，您也可以通过

.list li {
  background: yellow;
}

.list li:last-child {
   background: none;
}

因为背景在父对象上，而不是子对象上。可以使用新背景隐藏背景：


.list{
保证金：0；
填充：0；
背景颜色：蓝色；
}
.最后一项{
背景色：白色；
}

文本
文本
文本
文本
因为背景在父对象上，而不是子对象上。可以使用新背景隐藏背景：


.list{
保证金：0；
填充：0；
背景颜色：蓝色；
}
.最后一项{
背景色：白色；
}

文本
文本
文本
文本
不，除了对该项应用单独的背景以覆盖父项bac9之外，没有其他方法。您希望列表其余部分的背景是什么样的？你是否介意其中一些内容被最后一项删掉，或者你希望它完全显示在整个列表后面，除了最后一项，或者你希望它在所有项目上都做相同的封面，除了最后一项…？@AHaworth它可以被删掉，在一个特定的项目之后。不，除了对该项目应用一个单独的背景来覆盖父bac9之外，没有其他方法。您希望列表其余部分的背景是什么样的？你介意最后一个项目将部分内容删掉吗？或者你想让它完全显示在整个列表的后面，除了最后一个项目，或者你想让它在除了最后一个li项目之外的所有项目上都做相同的封面…？@AHaworth它可以在特定项目之后删掉。但是背景在父项上，子元素不能取消父元素背景你是对的，我已经更新了我的答案，以li元素为目标。但是，由于TS使用的是背景图像，我觉得您的答案更适合他/她的需要+1我认为这个解决方案应该奏效，但没有奏效。我不知道为什么，可能是我做错了什么。也许你添加了代码片段，但仍然保留了你原来的CSS。但是背景在父元素上，子元素不能取消父元素背景你是正确的，我已经更新了我的答案，以针对li元素。但是，由于TS使用的是背景图像，我觉得您的答案更适合他/她的需要+1我认为这个解决方案应该奏效，但没有奏效。我不知道为什么，可能是我做错了什么。也许你添加了代码片段，但仍然保留了你原来的CSS。这似乎是一种黑客行为，但它奏效了。@FatihErsoy如果每个
.item
都有自己的背景，你的解决方案就会奏效这似乎是一种黑客行为，但是它起作用了。@FatihErsoy如果每个
.item
都有自己的背景，那么你的解决方案就会起作用
.list li {
  background: yellow;
}

.list li:last-child {
   background: none;
}