济南网站开发建设/大白兔网络营销策划书

权重计算规则

第一优先级：!important会覆盖页面内任何位置的元素样式

1.内联（行内）样式，如style="color: green"，权值为1000

2.ID选择器，如#app，权值为100

3.类、伪类、属性选择器，如.foo, :first-child, div[class="foo"]，权值为10

4.标签、伪元素选择器，如div::first-line，权值为1

5.通配符、子类选择器、兄弟选择器，如*, >, +，权值为0

6.继承 的样式没有权值。（补充，<td align="right">，<img width="10">等标签 属性的 自带样式，优先级 不高于 继承样式）

内联（行内）样式：<div style="color:red;">

外部样式：<link>或@import引入

需注意：
1.权重相同的情况下，位于后面的样式会覆盖前面的样式
2.通配符、子选择器、兄弟选择器，虽然权重为0，但是优先于继承的样式
3.对于 同一类别 的选择器，要分类别、个数相加 计算 最终权重！