前端

css权重

2018-07-25  本文已影响0人  xhbisme

    在生活中,由于有些样式代码我们触碰不到,或者为了满足某些特性样式,经常通过样式覆盖的方式去改变一些样式。那样式为什么会被覆盖?为什么我写的样式就不能覆盖呢?

    我们深知css三大筛选器和行内样式,也深知三大筛选器的优先级。但对于多层级的样式,就需要用到权重了。

    先来看张图,看完这张图,你就豁然开朗了。

    假设我们有四类玩偶。分别代表三大筛选器(标签,类,id)和行内样式。下边是他们的权重。如果你现在明白了。恭喜你,你已经明白了为什么样式不起作用了。

图一

    如果你还不明白,我们再来看一张图。

    如果你还没看明白,那我建议你去看一下css基础之后再来。

图二
上一篇下一篇

猜你喜欢

热点阅读