日期:2014-05-17  浏览次数:20713 次

CSS 的优先级机制[总结]

样式的优先级

多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。

一般情况下,优先级如下:

(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style

?

有个例外的情况,就是如果外部样式放在内部样式后面,则外部样式将覆盖内部样式。

示例如下:

<head>
??? <style type="text/css">
??? ??/*?内部样式?*/
??? ??h3{color:green;}
??? </style>
?
??? <!--?外部样式?style.css?-->
??? <link rel="stylesheet" type="text/css" href="style.css"/>
??? <!--?设置:h3{color:blue;}?-->
</head>
<body>
????