a.red:link {color: #FF0000}
a.red:visited {color: #0000FF}
a.blue:link {color: #00FF00}
a.blue:visited {color: #FF00FF}
现在应用在不同的链接上:
<a class=”red” href=”…”>这是第一组链接</a>
<a class=”blue” href=”…”>这是第二组链接</a>
七、 CSS的最近优先原则
/*如果对一个元素定义了多次样式,则以最近的一级优先,最近一级的样式将覆盖其他 行内样式 >ID > Class >标记 */
以下是引用片段:
CSS:
p{color:red}
.blue{color:blue}
.yellow{color:yellow}
HTML:
<p>此处显示为红色</p>
<p class=”blue”>此处显示为蓝色</p>
<p class=”blue” style=”color:green”>此处显示为绿色</p>
<p class=”blue yellow”>此处显示为黄色</p>
注意:
(1)注意样式的几个优先顺序(优先级由上至下递减,下面的样式覆盖上面的样式):
–元素style设定
–head区<style></style>中的设定
–外部引用css文件
(2)优先级不是按访问顺序来设定的,而是又css中的声明顺序来设的。
如上例中<p class=”yellow blue”>此处显示为黄色</p>也显示为黄色,因为在css定义中.yellow在.blue的后面。










