继承性

有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。

哪些属性能继承? color、 text-开头的、line-开头的、font-开头的。 这些关于文字样式的,都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承。

层叠性

含义

层叠性:就是css处理冲突的能力。 所有的权重计算,没有任何兼容问题!

权重计算

优先级:

  • !important标记最高
    • p{color:red !important;}来给一个属性提高权重。这个属性的权重就是无穷大。(分号的前面)
    • !important提升的是一个属性,而不是一个选择器
    • !important无法提升继承的权重,该是0还是0
    • 如果大家都是继承来的,应该按照“就近原则”,!important不影响就近原则
  • 内联样式 : 1000
  • id选择器 : 100
  • 类选择器、属性选择器和伪类选择器 : 10
  • 标签(类型)选择器和伪元素选择器 : 1
  • 通配选择器 : 0
  • 继承的样式 : 没有优先级

格式:id的数量,类的数量,标签的数量

如果权重一样,那么以后出现的为准, 如果不能直接选中某个元素,通过继承性影响的话,那么权重是0(开始数权重之前一定要看看是不是真的选中了标签)

如果大家都是0,那么有一个就近原则:谁描述的近,听谁的。

权重问题总结

1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。

2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。

TOC