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 > < h3 > 测试! < /h3 > < /body > 选择器的优先权 解释: 1. 内联样式表的权值最高 1000; 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1 利用选择器的权值进行计算比较,示例如下: < html > < head > <style type=