Css 从div中删除背景图像

我有这样的css声明

#first, #second, #third {
 font-size:1em;
 background: url('path/to/image') no-repeat;

}

接下来我只想删除第三个的背景

我试过了

#third {
background:none;
}

但是它不起作用。

为什么不这样做呢

#first, #second {
 font-size:1em;
 background: url('path/to/image') no-repeat;

}
#third {
font-size:1em;
}

为什么不这样做呢

#first, #second {
 font-size:1em;
 background: url('path/to/image') no-repeat;

}
#third {
font-size:1em;
}

---

第一个选择器比第二个选择器更具体，因此它具有优先级

要解决此问题，可以通过将第二个选择器更改为第二个或第三个选择器，使其同样特定。 如果不能选择相同的元素，那么你的设计就是有缺陷的；元素ID应该是唯一的

---

或者，您可以添加！对第二条后台规则很重要，可以强制它覆盖第一条规则。

您的第一个选择器比第二个选择器更具体，因此它具有优先级

要解决此问题，可以通过将第二个选择器更改为第二个或第三个选择器，使其同样特定。 如果不能选择相同的元素，那么你的设计就是有缺陷的；元素ID应该是唯一的

---

或者，您可以添加！对于第二个后台规则来说，强制它覆盖第一个很重要。

那么为什么不从第一个样式声明中删除第三个并单独创建一个呢

#third {
   font-size: 1em;
}

---

那么，为什么不从第一个样式声明中删除第三个并单独创建一个呢

#third {
   font-size: 1em;
}

它不起作用，因为第二个第三个比第三个更具体。你是想把第二个和第三个放在一起，还是忘了一个逗号

听起来这不是你想要的，所以这应该可以解决它：

#first, #second, #third {
    font-size:1em;
    background: url('path/to/image') no-repeat;
}

注意逗号-这就是它所需要的。您的第二个元素也应该使用此编辑正确设置样式

另外，您是否将第三个单独的声明放在另一组代码之后？顺序很重要，它需要在第一、第二和第三个声明之后出现。

它不起作用，因为第二个第三个比第三个更具体。你是想把第二个和第三个放在一起，还是忘了一个逗号

听起来这不是你想要的，所以这应该可以解决它：

#first, #second, #third {
    font-size:1em;
    background: url('path/to/image') no-repeat;
}

注意逗号-这就是它所需要的。您的第二个元素也应该使用此编辑正确设置样式

---

另外，您是否将第三个单独的声明放在另一组代码之后？顺序很重要，它需要在第一、第二和第三个声明之后出现。

您的第二个声明是否低于原始声明？您确定要使用后代选择器吗？您的第一个选择器：第一、第二和第三。你确定你的意思不是第一，第二，第三，加上逗号吗？这是打字错误。它应该看起来是第一、第二、第三个。您的第二个声明位于原始声明的下方。您确定要使用后代选择器吗？您的第一个选择器：第一、第二、第三。你确定你的意思不是第一，第二，第三，加上逗号吗？这是打字错误。它应该看起来是第一，第二，第三，这是不一样的。仔细阅读他的选择器。@SLaks我很确定他指的是第一、第二、第三，如果不是，我同意你我的错误。它是第一，第二，第三，这是不一样的。仔细阅读他的选择器。@SLaks我很确定他指的是第一、第二、第三，如果不是，我同意你我的错误。它是第一，第二，第三