!important
特殊的关键词。!importanto
直接写在css样式后面,来提高权重(权重最大)
如果选中了元素,它的权重最高。
如果没有选中元素,它不会影响就近原则。
如果在多个选择器中使用,会受到选择器权重的影响。
!important 只针对是单个CSS属性,而不是一 个选择器。
层叠性
层叠性: 多组选择器的样式可以作用在同一个元素上。.
如果选中了这个元素。计算选择器的权重。
如果没有选中元素,看继承性。
注:如果没有选中,也有权重,权重为0.不能进行权重的比较。
比较的是选择器离目标元素的距离。距离近的就是我们继承的属性。
如果没有选中目标元素,样式靠继承。遵循就近原则。距离不同,谁离的目标元素近,选谁的。如果距离相同,就需要再次比较权重。权重高的是被选择。
距离相同,权重相同,谁写在最后面听谁的(就近原则)。
注:如果是并集选择器,需要拆开来看。