第一优先级：无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。（ie6支持上有些bug）。第一等：内联样式，如：style="color:red;"，权值为1000.（该方法会造成css难以管理，所以不推荐使用）第二等：ID选择器，如：#header，权值为0100.第三等：类选择器、如：.bar， 权值为0010.第四等：类型（标签）选择器和伪元素选择器，如：div ::first-line 权值为0001.通配符，子选择器，相邻选择器等。如*，>,+, 权值为0000.继承的样式没有权值。
CSS选择器的优先级：!important > 行内样式 > ID选择器 > 类选择器 > 标签选择器 > 其他
<style>a{color: yellow;} /*权值：0,0,0,1*/div a{color: green;} /*权值：0,0,0,2*/.demo a{color: black;} /*权值：0,0,1,1*/.demo input[type="text"]{color: blue;} /*权值：0,0,2,1*/.demo *[type="text"]{color: grey;} /*权值：0,0,2,0*/#demo a{color: orange;} /*权值：0,1,0,1*/div#demo a{color: red;} /*权值：0,1,0,2*/</style><body><a href="">第一条应该是黄色</a> <!-适用第1行规则-><div class="demo"><input type="text" value="第二条应该是蓝色" /><!-适用第4、5行规则，第4行优先级高-><a href="">第三条应该是黑色</a><!-适用第2、3行规则，第3行优先级高-></div><div id="demo"><a href="">第四条应该是红色</a><!-适用第5、6行规则，第6行优先级高-></div></body>
原文：
1.2.1 CSS基础 · 前端工程师面试宝典
