【前端知识体系】CSS基础知识强化
1.CSS样式(选择器)的优先级? 1.1 权重的计算规则 第一优先级:无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。(ie6支持上有些bug)。 第一等:内联样式,如:style="color:red;",权值为1000.(该方法会造成css难以管理,所以不推荐使用) 第二等:ID选择器,如:#header,权值为0100. 第三等:类选择器、如:.bar, 权值为0010. 第四等:类型(标签)选择器和伪元素选择器,如:div ::first-line 权值为0001. 通配符,子选择器,相邻选择器等。如*,>,+, 权值为0000. 继承的样式没有权值。 [!NOTE] CSS选择器的优先级:!important > 行内样式 > ID选择器 > 类选择器 > 标签选择器 > 其他 1.2 实际案例 <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*