我不明白为什么这个CSS不能工作。我敢肯定这是个简单的错误

Question

我正在试着去掉一个白色的边框，它出现在我的侧边栏上的一个图片后面。我不知道是什么原因造成了白色边框。我以为是填充物，然后我又以为是边界。如果你访问我们的主页(http://noahsdad.com/)并查看“新常态”图片下的侧栏，你会看到一个“里斯的彩虹”图片。我在试着去掉图像周围的白色。我粘贴了下面的代码，但它没有任何作用。你觉得我做错了什么吗？

谢谢。

#text-23 { background: none}

Answer 1

它不工作的原因是背景: none永远不会到达设置了背景的img (背景不会层叠下来，它们存在于元素中，您可以将多个元素叠加在一起，就像一幅画一样。它具有背景级联的效果)

#text-23 img { background: none; } 

这应该会解决你的问题。我假设当您调用textwidget类时，您仍然希望它附加白色背景，只是对于这个实例不是这样。因此，如果您设置了上面的设置，它将以正确的特异性正确地层叠，而不会影响页面的其余部分。

这也可以通过以下方式完成

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

但是这种程度的特异性并不是必需的。但是，如果您尝试这样做：

.textwidget img { background: none; }

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

Answer 2

通过在style.css的884行中设置以下内容，您可以自己添加白色边框

.textwidget img {
    background: #fff;
    padding: 5px;
    max-width: 290px;   
}

只需删除后台声明即可。如果只想删除白色边框的此实例，请添加以下规则：

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

Answer 3

这似乎是冲突的CSS类。

.textwidget img {
  background: white;
  padding: 5px;
  max-width: 290px;
}

如果你想调试css，你真的应该查看Firebug(火狐的一个插件)或Opera，并使用内置的dragonfly，它们允许你在你的HTML页面上点击鼠标右键并检查它。