CSS 继承(div 和 div a 样式相同)

Question

有没有办法让普通文本和链接在 CSS 中共享相同的样式？

请在下面找到一个示例:

div.test, div.test a
{
font-size:0.8em;
}

我希望文本和链接具有相同的样式，但它没有按预期工作...

欢迎任何帮助。

干杯。

哥蒂。

Answer 1

只需指定

div.test
{
    font-size: 0.8em;
}

否则，您是在告诉 div.test 中的链接具有 div.test 字体大小的 80%，这又是其父级字体大小的 80%。这是 div.test 父级字体大小的 64%，因此它看起来更小。

如果您试图为普通文本和链接文本提供相同的颜色，或其他不依赖于相对大小的属性，请使用 div.test, div.test a重新做，但将其放在单独的规则中。例如:

div.test
{
    font-size: 0.8em;
}

div.test, div.test a
{
    color: #330;
}