1.选择器的优先级
内联样式表(style)的权值最高 1000;
ID 选择器的权值为 100
Class 类选择器的权值为 10
HTML 标签选择器的权值为 1
<html> |
<head> |
<style type="text/css"> |
#redP p { |
/* 权值 = 100+1=101 */ |
color:#F00; /* 红色 */ |
} |
#redP .red em { |
/* 权值 = 100+10+1=111 */ |
color:#00F; /* 蓝色 */ |
} |
#redP p span em { |
/* 权值 = 100+1+1+1=103 */ |
color:#FF0;/*黄色*/ |
} |
</style> |
</head> |
<body> |
<div id="redP"> |
<p class="red">red |
<span><em>em red</em></span> |
</p> |
<p>red</p> |
</div> |
</body> |
</html> |