html - 如何对 CSS 规则进行异常(exception)处理？

Question

我有一个 CSS 规则，告诉所有链接具有蓝色背景颜色和白色文本颜色。但是，如果我有一个带有链接的图像，则 a 的规则会在背景颜色中为它们添加一点蓝色下划线。我希望这是有道理的。

长话短说，我想告诉 a 属性应用于所有 except img 元素。这是我现有的 CSS 代码。

a {
  background-color:#0078D7;
  color:white;
}

我已经尝试添加“:not(img)”，但它没有改变任何东西。该代码就在这里。

a:not(img) {
  background-color:#0078D7;
  color:white;
}

感谢任何帮助。

更新:这是我现有 HTML 的片段。单击图像时，它会按预期将用户发送到图像的完整 View 。

<a href="../images/infobox.png"><img src="../images/infobox.png" width="300px"></a>

Answer 1

当你写作时

a:not([data-attr="img"])

你的意思是一个带有名为 img 的属性的链接。您可以做的是使用值为 img 的数据属性或类属性。您的代码将起作用:

HTML5

<a data-attr="img" href="...">

CSS

a:not([data-attr="img"])

祝你好运。

编辑:

我弄错了正确的CSS是

a:not([data-attr="img"])