css 样式优先级

1.css

  CSS 样式重置的是一些默认带有margin值的元素,而 li 默认没有 margin 值。

2.css 样式优先级

  优先级是基于不同选择器组成的匹配元素规则。优先级高的css样式,将覆盖优先级低的css样式,成为最终dom元素在网页中显示的样式。(误区,简单认为定义顺序靠后的css样式会覆盖定义顺序在前的css样式)。

  给元素添加的内联样式总会覆盖外部样式表的任何样式,因此可以认为内联的css样式具有最高优先级。

  顺序由低到高依次为:d 元素-->c 类选择器-->b ID选择器-->a 内联

  其次css中有一部分属性是可继承属性如:color,line-height等,继承属性的优先级是最低的,在任何时候,只要元素有相同的属性样式定义,就可以覆盖掉继承值。当具有多个继承元素时,遵循就近原则:层级关系距离当前元素最近的父元素的继承样式,具有相对较高的优先级。

3.优先级的比较

  从高位开始,(a,b,c,d),高位相同,则取下一位比较。如果权值相同,则认为定义顺序靠后的样式的优先级高。

posted @ 2017-09-05 15:12  wust_hy  阅读(600)  评论(0编辑  收藏  举报