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

时间:2011-01-07 02:22:20

标签: css inheritance css-selectors

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

请在下面找到一个例子:

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

我希望文字和链接能够获得相同的风格,但它没有按预期工作......

欢迎任何帮助。

干杯。

高堤耶。

1 个答案:

答案 0 :(得分:5)

只需指定

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

否则,您告诉div.test内的链接有80%的字体大小为div.test,而这只是其父级的80%。这是div.test父级字体大小的64%,因此看起来更小。

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

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

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