CSS使用方法优先级:行内样式 > 内部样式 > 外部样式

说明

  1.链入外部样式表与内部样式表之间的优先级取决于所处位置的先后

  2.最后定义的优先级最高(就近原则)

 

一:id选择器、class选择器、标签选择器 之间的优先级

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

优先级结果:id选择器 > 标签选择器;  class选择器 > 标签选择器

 

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

优先级结果:id选择器 > class选择器 > 标签选择器

 

二:多个class的情况:离标签更近的CSS优先级更高(就近原则)

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

 

三:CSS权值

同一样式表中:

1.权值相同:就近原则(离被设置元素越近优先级越高)

2.权值不同:根据权值来判断CSS样式,哪种CSS样式权值高,就使用哪种样式

 

选择器权值

十八:CSS之CSS选择器之选择器的优先级

 

权值规则

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

 

四:手动调整样式规则的优先级

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

十八:CSS之CSS选择器之选择器的优先级

 

五:CSS优先级总结

十八:CSS之CSS选择器之选择器的优先级

 

相关文章:

  • 2021-12-13
  • 2022-03-06
  • 2022-12-23
  • 2021-05-28
  • 2021-05-31
  • 2022-12-23
  • 2021-12-15
猜你喜欢
  • 2021-06-20
  • 2021-06-17
  • 2021-06-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-17
相关资源
相似解决方案