css权重及计算

一般而言，大多数前端工程师对css样式优先级的概念仅仅停留在下一面一张图上： 注:>表示优先级的一个高低,|表示优先级一样 !important>行间样式>id>class|属性>标签选择器>通配符 但实际上，css是有一个权重的。且是可也计算的，这篇资料不是唯一介绍css权重的，但觉得应该是最通俗的。如图： 注：图中0，1，10，100并不是一个准确的数字， 注意，列：id，100并不是指id的

>>阅读原文<<