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

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

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

上面转载文章总结

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

转载 CSS中的选择器权重