CSS特性-笔记

层叠性

在权重相同的情况下,在同一标签中样式发生冲突,后面定义样式会将前面定义的样式给覆盖掉.

注:样式预定义的顺序有关,与调用的顺序无关.

权重

权重的计算格式为:
id的数量 类的数量 标签的数量

权重大小的比较:
将权重看为三位数来比较,(理论上255个标签可以进一位,但是并没有什么实际的意义)
例如: 1,0,0 > 0,100,100

继承性

在默认情况下,如果子元素没有设置样式,那么该元素会收父元素的样式影响.

注:

• CSS集成序只能发生在标签嵌套结构中
• 宽度和高度不能被继承.

常见的继承属性有：
color、 text-_ 、line-、font-_ 。
拥有继承的通常是关于文字样式的， 所有关于盒子的、定位的、布局的属性都不能继承。

继承性中特殊标签:

• a标签不能直接收付元素的文字颜色影响.
• 标题标签不能直接受父元素中的文字大小影响.

优先级

当选择器的权重相同时,会选择声明在后面的选择器.

继承的权重为0

标签选择器< 类选择器< ID选择器 <行内样式 < !Important
10 100 1000 10000 10000+

总结

首先看标签有没有被选择器选中,若选中了则比较权重,若权重相同,则谁写在后面听谁的,若不同则听权重大的.
若标签没有被选择器选中,则执行就近原则,谁描述的近听谁的,如果相同,比较权重.若权重相同,则谁写在后面听谁的,若不同则听权重大的.