www.baike369.com
百科369 > CSS教程 > CSS层叠

CSS层叠



CSS层叠

CSS中对相同的选择器可以重复定义规则,以最后定义的规则为准,这就是“层叠”的含义。

CSS样式表的层叠机制

层叠(cascade)是决定哪些样式属性要被应用到元素的一套规则。

CSS继承样式的叠加

一个标签可以从任何一个祖先标签处继承到属性样式,这样,继承来的样式合并起来就形成了一种混合的样式,这就是继承样式的叠加。

CSS中最近的祖先样式胜出

当继承来的CSS属性发生冲突时应该怎么解决呢?下面是一个简单的例子:我们给<body>标签和<p>标签都设置了color属性。

CSS中直接应用的样式胜出

根据“最近的祖先样式胜出”的规则可以推断出这样的结论:任何直接应用于指定标签的样式,将始终在CSS族谱中胜出。

CSS中一个标签的多个样式

继承是一个标签可能受多个样式影响的一种方式。

CSS中使用权重值决定哪种样式胜出

下面有一个例子:面对上面的代码,浏览器会使用哪一种样式进行效果的显示呢?虽然我们已经阅读过了前面的文章,但是,有时候仍然不清楚哪一种样式最具体。

CSS中权重值相同时最后一个样式胜出

带有冲突属性的两个样式也可能具有相同的权重值。

CSS中忽略权重值

CSS提供了一种可以完全忽略权重值的方法。

CSS改变权重值来控制层叠

即使一个类选择器被应用到了一个特定的标签上,但是,它的属性也不可能总是有效。

CSS使用选择性地覆盖来控制层叠

在CSS中,我们可以通过选择性地使某些网页中的样式失效来控制层叠。

CSS重新创建样式来控制层叠

如果在HTML中没有定义CSS样式,那么浏览器就会自行添加CSS样式,以便增强基础HTML代码的可读性。

Copyright© 2011-2016 www.baike369.com All Rights Reserved