样式链接标题

Question

就我而言，我希望文本等中的所有链接都是红色的。

所有标题都应该是黑色的。

AND所有链接标题也应该是黑色的。

问题：我一设置......

a:link {color:#d11112; text-decoration: none;} 

...我所有的链接标题也变为红色。

如何让它们保持黑色？

这是我的头条新闻：

h2  { font-size:18px; line-height:23px; color:#000000; padding:0px; font-weight:bold; text-align:center;  text-transform: uppercase; }

Answer 1

您可能想要添加

h2 a { color:000000; }

在

之后的某个地方

a:link {color:#d11112; text-decoration: none;} 

此外，请按照评论中的建议丢失:link。

Answer 2

您可以尝试的一件事是attribute selector。这使您可以根据特定属性或属性的值仅选择元素。因此，要仅选择您用作锚点的<a>个元素，您可以尝试选择具有id但不是href的<a> s或类似的东西。

例如，你可以有这个规则：

a:not([href]) {
    color: black;
}

然而，它不会与IE 6兼容（那么又是什么？）

Answer 3

正如你所知，当你这样做：链接时，这是为未访问的链接设置颜色。

您需要为h2标签内的元素设置颜色。

所以你需要把它改成：

 h2 a { font-size:18px; line-height:23px; color:#000000; padding:0px; font-weight:bold; text-align:center;  text-transform: uppercase; }

Answer 4

CSS以嵌套方式工作，因此假设您的<a>标记位于<h2>内，即：

＆＃13;

＆＃13;

<h2>
<a href="...">...</a>
</h2>

＆＃13;

＆＃13;

＆＃13;

它首先应用<h2>样式，然后应用<a>样式，这样您最终会得到红色链接。但是，您可以使用CSS选择器而不仅仅是h2标签将h2 CSS应用于这些链接，例如：

h2, h2 > a {[your style here]}

其中h2 > a表示嵌套在<a>内的<h2>个标记。