CSS覆盖后续属性

时间:2011-01-23 02:19:30

标签: css attributes

假设我有一个div用于网页的主体文本,以及一个导航div用于链接到网站的其余部分。现在说我希望正文中的链接是绿色而不是通常的蓝色,但我希望导航div中的链接是另一种颜色,也许是红色。如果我在CSS中将链接设为绿色,那么 all 链接将为绿色。如果我使用CSS将导航div中的文本设为红色,则链接属性似乎会覆盖导航div中链接的div属性。如果没有链接附加任何类,我如何仅定位某些链接?

2 个答案:

答案 0 :(得分:3)

由于CSS特异性(我喜欢这个词)规则,JMC的建议有效。

在这里阅读更多相关内容: http://htmldog.com/guides/cssadvanced/specificity/

基本上,规则越具体,就越有可能被使用。

答案 1 :(得分:2)

使用后代选择器。

样式常规链接,然后只有#nav div中的链接:

a:link { color: blue; 
    }
a:visited { color: purple;
    }

.navigation a:link, .navigation a:visited { color: green
    }