CSS优先级
1、导入方式的优先级
内联式 > 嵌入式 > 外部式
说明:嵌入式放外部式的后面时才是如此,比如:
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>
2、选择器的优先级
选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css3选择器优先级</title>
<style type="text/css">
#my_id {
color: #0000ff;
}
.my_class {
color: #00ff00;
}
div {
color: #ff0000;
}
* {
color: #30033;
}
</style>
</head>
<body>
<div id="my_id" class="my_class" style="color:#cccccc">
我是一个div
</div>
</body>
</html>
3、权值
- 权值规则标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
#a .b p{color:yellow;} /*权值为100+10+1=111*/
注意:还有一个权值比较特殊–继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
- 最高权值!import
p{color:purple!important;}
!important位于属性值之后,";"之前。