css - 无法弄清楚为什么这个 CSS 不工作。我确定这是一个简单的错误

Question

我正在尝试去除侧边栏图像后面出现的白色边框。我无法弄清楚是什么导致了白色边框。我以为是填充，然后我以为是边框。如果您访问我们的主页 (http://noahsdad.com/) 并查看“新常态”图片下方的侧边栏，您会看到“Reece's Rainbow”图像。我正在尝试删除图像周围的白色。我粘贴了下面的代码，但它什么也没做。关于我做错了什么的任何想法？

谢谢。

#text-23 { background: none}

Answer 1

它不工作的原因是背景:没有人永远不会到达设置了背景的 img(背景不会向下级联它们存在于元素中并且您可以将多个元素彼此叠加很像一幅画，有背景层叠的效果)

#text-23 img { background: none; } 

这应该可以解决您的问题。我假设当您调用 textwidget 类时，您仍然希望它附加白色背景，只是不是针对此实例。因此，如果您设置以上内容，它将以正确的特异性正确地级联，同时让页面的其余部分保持独立。

这也可以通过

#text-23 .textwidget img { background: none; }

但不需要那种程度的特异性。但是，如果您尝试这样做:

.textwidget img { background: none; }

这将覆盖在 textwidget 容器中的图像上设置背景的所有实例。