css选择器和权重问题

 

以下所有都是256进制权重

!important:权重无穷;

行间样式:权重1000

1.ID选择器

 

'#':权重为100,具有唯一性;

2.类别选择器

'.':权重为10,在html中用class来定义;

3.标签选择器

html里面的标签,权重为1;

4.伪类选择器

权重为10,

visited:表示已被点击的链接;

hover:表示悬停在上面的链接;

link:表示未被点击的链接;

active:表示已经按下还未被释放的链接;

5.后代选择器

也叫做包含选择器,只要在父元素里面的元素,用空格可以取得后面的元素,一层层选择;

6.子代选择器

'>':可以通过>来取得子元素

7.通用选择器

'*':选择html所有部分,一般用于初始化设定

8.群组选择器

当有些元素样式一样时候,可以放在一起用','隔开;

使用后代选择器时，每一级不同的表述方式，直接进行相加，最后进行权重的比较。

 

转载于:https://www.cnblogs.com/xxcnhj/p/11165258.html