Css 如何去除链接图像上的背景？

我想我应该先说我正在做一个tumblr主题。链接代码如下所示：

a {
        color: {color:Text};
        text-decoration: none;
        padding: 3px;
        border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
        background: #C1FFC1;
            transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
    }

现在这个代码工作得非常好；然而，作为链接的图像——几乎每个照片帖子都是一个链接——显示为绿色背景，这对于文本来说很好，但是对于图片来说很难看

我尝试使用以下代码来消除此问题：

a img {
         border-width: 0px; 
         background: none;
}

然而，这并没有起作用，背景仍然存在

如果你们中有人想查看我的主题，这里有一个博客链接：（我想我应该说，因为这不是一个专业网站，我只是出于测试目的使用它，有些——嗯，所有——的帖子都很幼稚。）

绿色的背景有点难看，但它在图片中心的后面，很突出。而且，当你将鼠标悬停在它上面时，它会消失

我觉得这很简单，但我似乎仍然无法修复它；我访问过其他网站，尝试过他们的解决方案，但运气不好

另外，我尝试将链接代码更改为

p a {
        color: {color:Text};
        text-decoration: none;
        padding: 3px;
        border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
        background: #C1FFC1;
            transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
    }

因此，它只影响段落，但这会把其他一些事情搞砸

---

有人能帮忙吗？我是否必须编辑链接代码本身？

CSS在决定如何设置该元素的样式时，无法查看该元素的子元素。您必须更改模板的HTML部分，以便为图像帖子添加一个特殊类（例如，

image post

），然后在一个特定的模板中设置所有

a

元素的样式：

.image-post a {
    background: none;
}

---

历史注释：确实指定了一个伪类，可用于选择元素的内容。然而，所有后续的草稿都将该部分删除。

您使用过吗！重要提示：是否为选择器提供更高的特异性？