我有一个 CSS 规则，告诉所有链接都具有蓝色背景颜色和白色文本颜色。但是，如果我有一个带有链接的图像，则 a 规则会在背景颜色中为它们提供一点蓝色下划线。我希望这是有道理的。
长话短说，我想告诉 a 属性适用于除 img 元素之外的所有内容。这是我现有的 CSS 代码。
a {
background-color:#0078D7;
color:white;
}
我已经尝试添加“：not（img）”，但它没有改变任何东西。该代码就在这里。
a:not(img) {
background-color:#0078D7;
color:white;
}
任何帮助表示赞赏。
更新：这是我现有 HTML 的一个片段。单击图像时，它会按照预期将用户发送到图像的完整视图。
<a href="../images/infobox.png"><img src="../images/infobox.png" width="300px"></a>
我正在尝试为我的网站创建一个标题,我给它一个内部CSS的div元素,只是为了保持它非常简单.大多数CSS工作正常,但它围绕它创建了一个奇怪的边缘,即使我从未在CSS类中指定边距.我尝试将其设置为0px,但它没有做任何事情.
.headerstyle {
background-color: #8AA3FF;
border: 0px solid #353C41;
height: 23px;
font-size: 20px;
font-family: sans-serif;
}<div class=headerstyle>
<a style="background-color:#68658F; color:white; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block;" href=testy.html>Home</a> <a style="background-color:#68658F; color:white; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block;"
href=contents.html>Contents</a> <a style="background-color:#68658F; color:white; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block;" href=about.html>About/Contact</a>
</div>基本上我只是喜欢将标题挤在浏览器窗口的两侧,而不是留空.谢谢!