我们常见的8中选择器及权重大小

 

选择器的权重

css中,那个选择器的权重高,就走谁的样式。

标签选择器的权重是1

Class选择器权重是10

Id选择器权重是100

行间样式权重是1000

带有关键字!important的css属性权重是无穷大

权重的计算

将选择器上面的权重进行叠加,叠加后的总和就是该选择器的权重

权重相等的时候 后面加的就会覆盖前面的

Css选择器的种类

1.标签 权重是0001

2.类class权重是0010 相当与 255个标签选择器

3.Id 权重是 0100 相当于255个类

4.通配符 代表所有标签 权重是0000

5.后代选择器.a p 权重是累加0011

6.子代选择器 .a>p 权重是0011

7.交集选择器 .a#as

8.并集选择器 .a,b

 

Css的几种形式

  1. 行间样式 style写在标签内的 充当标签标签属性
  2. 行内样式
  3. 外联样式

Css选择器的两大特性

  1. 继承性 所有跟文本字体有关的属性都会被子元素继承,且权重为0000
  2. 层叠性 就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁的。 0010相当于225个0001

猜你喜欢

转载自www.cnblogs.com/wanglei2/p/11909507.html