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; }