CSS属性相关知识

Css选择器

选择器的权重

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

标签选择器的权重是 1

Class选择器的权重是10

Id选择器的权重是100

行间样式的权重是1000

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

 

权重的计算

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

 

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

 

Css选择器的种类

标签 权重是0001

类class 权重是 0010 相当于255个标签选择器

Id  权重是 0100 相当于255个类

*通配符 代表所有的标签 权重是 0000

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

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

交集选择器.a#as

 

并集选择器.a,.b

 

Css的几种形式

1.行间样式 将style写在标签内的充当标签标签属性

 

  1. 行内样式

 

3.外联样式

 

Css选择器的两大特性

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

 

posted @ 2019-11-21 20:20  一颗豆子  阅读(125)  评论(0编辑  收藏  举报