css样式的优先级.docVIP

Css样式的优先级 在CSS中使得一个具体的元素获得一个样式定义属性集合，有以下几种方式： 1、直接在元素中通过style来定义标签样式 比如有以下代码 div tyle=background:black /div 通过style方式来定义了div标签的样式，这种方式定义样式在css规范中有很高的优先权（1000） 2、通过ID选择器来获取样式定义，有以下代码： div id=bgc /div 然后我们定义了ID选择器的： #bgc{background:black} ID选择器也是据有比较高的优先权，每个权重为100 3、类选择器，伪类选择器，属性选择器 类选择器的定义和使用： .bgc{background:black} div class=bgc /div 这三类选择器在css规范中拥有的优先权相对较低，每个权重为10 4、元素和伪元素选择器 比如以下代码 div{background:black} div/div 这类选择器在css规范中的优先权非常低，每个权重为1 5、其它选择符（全局选择符*，子选择符） 优先权最低，每个权重为0 6、继承 比如有这么一段html代码， div class=no1 p/p /div 继承并不参与到优先权的计算当中 例子：引一个css外部文件 html head meta title/title link href=style/common/base.css type=text/css rel=stylesheet /head body pcss样式的优先级/p /body /html 备注： 1、同一规则(id与id相比较、class与class相比较)的样式，按书写的顺序，后面的优先级高于前面。 2、同一规则(id与id相比较、class与class相比较)的样式，外部引入的样式，优先级高于内联样式(style.ss{}/style)。 例子：引多个css外部文件 head meta title/title link href=”style/common/a1.css” type=”text/css” rel=”stylesheet” link href=”style/common/ a2.css” type=”text/css” rel=”stylesheet” link href=”style/common/ a3.css” type=”text/css” rel=”stylesheet” /head 备注： 1、同一规则(id与id相比较、class与class相比较)的样式，按书css外部文件引入的顺序，后面的优先级高于前面。 在做页面布局时，为了解决css的冲突，我们可以根据样式引入的顺序，来解决css冲突。 联系方式：QQ:985159520 zhounianlai@126.com