§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2017-2-23

如果我们给 body 指定了什么，它的下级一般会继承，如果中间再指定一下，就可以断开继承，开始新的继承。

但 * 是直接深入每一级，它不是继承的意思。

什么意思呢？看一下：

<style type="text/css"> body { color:#f00; } div { color:#0f0; } </style> <div> <p> <span>ITPOW</span> </p> </div>

由于 div 挡了一道，所以 span 的颜色是 div 指定的，即是：#0f0;。

但如果是这样：

<style type="text/css"> * { color:#f00; } div { color:#0f0; } </style> <div> <p> <span>ITPOW</span> </p> </div>

span 响应的是 * 的，而不是 div 的。

总结

CSS 顺序是这样的：

• 如果明确为标签指定了样式，就用它。
• 如果没有，那再找 * 指定了的。
• 如果也没有，那就找往上继承的。