#idselector p {color: red} – (0,1,0,0) + (0,0,0,1) = (0,1,0,1)
由于优先级上 (0,1,0,1) > (0,0,1,2)，所以我们知道最后显示的颜色为红色。
继承
继承是个比较好理解的概念，即子元素会继承父元素的样式。例如：
CSS Code复制内容到剪贴板
<div style="color:red">
<p>my color</p>
</div>
上例中的 span 会继承父元素 div 的样式。但不是所有的属性都会默认使用继承的方式，比如 margin 和 padding 属性。例如：
CSS Code复制内容到剪贴板
<div style="margin:10px;padding:10px">
<p>my color</p>
</div>
此时，元素 p 并不会继承父元素 div 的 margin 和 padding 样式，除非你这么做：
CSS Code复制内容到剪贴板
<div style="margin:10px;padding:10px">
<p style="margin:inherit;padding:inherit">my color</p>
</div>
总结
1.首先找到所有作用在元素上的样式。（不要忽略来自继承的样式）
2.计算样式的作用距离，距离越近，优先级越大。
3.使用特殊的计算方法来判断同距离内的样式。
4.如果计算后的结果相同，那么后声明的样式覆盖先前声明的样式。
5.如果某个样式中设置 !important，则无论它的优先级如何，都以该样式为准。（除非迫不得已，强烈不建议使用这个方法，因为这无疑是不符合 css 思想的用法）
