CSS层叠时的优先级问题

CSS层叠时的优先级问题

今天在写样式的时候发现一个样式怎么也不显示，找了一圈发现是样式冲突了，css会优先执行优先级更高的样式。特意复习一下css中的优先级好啦~

下面的选择器权重从小到大

(ps: 也就是越往下越会优先执行）

• 继承 或者通配符选择器*
• 元素选择器 e.g. p {}
• 类选择器，伪类选择器 e.g. .para{} .nav:hover{}
• ID选择器 e.g. #customid {}
• 行内样式 style=""
• 在属性值后面加!important

在使用复合选择器的时候，要注意权重的叠加计算