css选择器优先级说明

最近在学习html布局的时候，由于没有考虑到css选择器的优先级，导致出现了很多布局混乱的问题，现对css选择器优先级做如下解释，如下是选择器优先级：



在这里我们看到  a , b , d  的值分别是递减的，为了更直观的解释选择器的优先级，我们可以 把 a当做 1000，b当做100，c 当做10，d当做1，根据图片我们可以看出 style=''就代表a,也就是1000， 元素id  #wrapper 代表b，即100 ，元素class  .comment 代表c,即10，元素 div代表d,即1 ，   对于关系选择符的优先级我们直接做加法就可以啦，比如

p.comment{}  就是 1+10 = 11，是不是 so easy 哈，只要用的多了，变成我们自己的布局习惯，  就不需要我们可以去注意考虑啦，就像我们学走路一样，哈哈就说这么多，希望对大家能有帮助。