- 哪个选择器权重大,就以哪个css为准
- 当选择器都未作用到元素上,那个选择器离元素近,哪个css就生效,就近原则
- 当选择器权重一样,哪个选择器在后面,就以哪个css为准,css执行顺序从上到下,后面的覆盖前面的
- 当存在作用在元素上的选择器,和没作用到元素上的选择器,以作用在元素上的选择器为准
转载 CSS经典权重5道题解析
上面转载文章总结
- 在考虑浏览器执行哪一个样式之前,先看样式有没有直接被选中。如果直接选中了,按照id数、类数、标签数来计算权重,谁最后的权重数值听谁的。如果数值一样,则谁写在后面听谁的。
- 如果没有直接被选中,那么就按照就近原则的方式执行。