CSS权重的计算

CSS权重

有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，相同权重的，后面一条样式覆盖前面的样式。

权重的计算

• ！important：加在样式属性后面 权重=10000
• 内联样式：style="" 权重=1000
• ID选择器：# 权重=100
• 类，伪类，属性选择器：权重100
• 标签，伪元素：权重=1
• 通用选择器，子元素选择器，相邻选择器，同胞选择器：权重=0

案例

<style >
	 div{
            color: red !important;
        }
        <style>
        <div style="color: #4cae4c"></div>

上一个样式的权重=10000+1
后面样式的权重=1000
所以div颜色为红色