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