前端面试题:CSS中的选择器权重

898 阅读1分钟
  • 哪个选择器权重大,就以哪个css为准
  • 当选择器都未作用到元素上,那个选择器离元素近,哪个css就生效,就近原则
  • 当选择器权重一样,哪个选择器在后面,就以哪个css为准,css执行顺序从上到下,后面的覆盖前面的
  • 当存在作用在元素上的选择器,和没作用到元素上的选择器,以作用在元素上的选择器为准

转载 CSS经典权重5道题解析

上面转载文章总结

  • 在考虑浏览器执行哪一个样式之前,先看样式有没有直接被选中。如果直接选中了,按照id数、类数、标签数来计算权重,谁最后的权重数值听谁的。如果数值一样,则谁写在后面听谁的。
  • 如果没有直接被选中,那么就按照就近原则的方式执行。

转载 CSS中的选择器权重