CSS3的权重问题

Posted muyun123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3的权重问题相关的知识,希望对你有一定的参考价值。


选择器的权重问题,这个问题很简单,但很容易让人忽略,所以我在这里提一下
选择器的权重:
!important>内联样式>id选择器>类选择器(class选择器)>类型选择器
>通配符选择器
!important 表示最重要的,在属性值后面添加之后,表示这句代码权重最高层叠样式表:因为同一个元素可以有多种方法去给他添加样式当同一个
元素通过几种方法添加了同样的样式的时候,只能选择其一,就会出现选择器的权重问题 包含选择器的权重问题: 选择器的权重我们使用e0ee表示 内联样式---1000 id选择器---0100 class选择器---0010 类型选择器--0001 通配符---00001 包含选择器权重=各个选择器权重之和 .fuqin#son=10+100=110 .fuqin.erzi=10+10=20 继承:表示子元素可以使用一些父元素的样式 注意点:继成的权重是最低的

当我们用时不仅要注意前后位置,还要注意他们的权重之和

以上是关于CSS3的权重问题的主要内容,如果未能解决你的问题,请参考以下文章

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程-css3

css3 伪类

CSS / CSS3

CSS3选择器真有特殊含义?

2018面试总结第三轮

HTML+CSS+JavaScript