最近在学习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 哈,只要用的多了,变成我们自己的布局习惯, 就不需要我们可以去注意考虑啦,就像我们学走路一样,哈哈就说这么多,希望对大家能有帮助。