本文主要包含样式权重,级联cascade等相关知识,佚名 希望在学习及工作中可以帮助到您
我们知道，firefox在众多浏览器中是对css 2高度兼容的一款浏览器，那是我能够编写一个中型b2b网站的时候（并不能说是我遇到过的难题）在禅意花园中看到的一个案例，说的是某个菜单在css中定义了以后只能在firefox中正常显示。因为那个css涉及的滤镜太多，而且还有css中"级联(cascade)"这种强大功能的支持。
那么级联样式表css中的"级联"到底是什么意思呢？W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。
听说搜索引擎对某个网站的赋予的权重比较高或比较低，但是css中的"级联"赋予的权重是什么呢？W3C的这段定义，看上去很富有深意，但是它只包含了两个信息传递给了我们，那就是---特殊性和继承性。这两个概念将会成为我们学习的良师益友。当然，凡事都是两面的，也有可能成为我们的噩梦！接下来我们就来着重来说一下这个级联能够对我们书写带来些什么！
级联概括了两个概念---特殊性和继承性，下面我们开始说一下这个继承性，继承性也就是你定义一个样式这个样式可以运用到它的子孙子元素，当然，不一定要都运用一个样式，也可以赋予几个选择器中的几个不同样式。我们线看下代码：
按这些规则将数字符串逐位相加，就得到最终的权重，然后在比较取舍时按照从左到右的顺序逐位比较。而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0。因此形如body>html #head ul.navigation li.home a的选择器，要想实现子类继承其子类选择符权重值就不能低于其本身的权重值，同时这也加重了浏览器的负担，所以可以利用上面介绍的方法控制其特殊性。
那么级联样式表css中的"级联"到底是什么意思呢？W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。
听说搜索引擎对某个网站的赋予的权重比较高或比较低，但是css中的"级联"赋予的权重是什么呢？W3C的这段定义，看上去很富有深意，但是它只包含了两个信息传递给了我们，那就是---特殊性和继承性。这两个概念将会成为我们学习的良师益友。当然，凡事都是两面的，也有可能成为我们的噩梦！接下来我们就来着重来说一下这个级联能够对我们书写带来些什么！
级联概括了两个概念---特殊性和继承性，下面我们开始说一下这个继承性，继承性也就是你定义一个样式这个样式可以运用到它的子孙子元素，当然，不一定要都运用一个样式，也可以赋予几个选择器中的几个不同样式。我们线看下代码：
按这些规则将数字符串逐位相加，就得到最终的权重，然后在比较取舍时按照从左到右的顺序逐位比较。而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0。因此形如body>html #head ul.navigation li.home a的选择器，要想实现子类继承其子类选择符权重值就不能低于其本身的权重值，同时这也加重了浏览器的负担，所以可以利用上面介绍的方法控制其特殊性。