css - 用 h3 样式覆盖链接 CSS

Question

我正在一个页面上显示图像，然后在底部有文本，该文本是指向特定页面的链接。

默认情况下，链接是灰色的，但我想覆盖它并让文本采用 h3 样式。

这是CSS：

h3{
color: #a60000;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-family: mpluslight;
}

a {
color: #CCC;
font-weight: normal;
}

这是HTML：

<h3><a href="http://mydomain.gr/">Personal Training</a></h3>

我尝试将 h3 值更改为 '!important' 但这没有用。

我试图避免使用内联 CSS。尽量保持我的代码干净。

有任何想法吗？

Answer 1

您将需要这样做：

h3 a { color: #a60000; }

...或者可能是这样的：

h3 a { color: inherit; }