css样式的权重叠加 |css3超酷环形动画菜单

在此过程中，样式的权重叠加是非常重要的。当多个样式应用于同一元素时，它们的样式规则将被计算出来，并根据它们的“优先级”排序。

权重叠加规则是：

ID选择器	->100
类选择器，属性选择器，伪类选择器	->10
元素选择器，伪元素选择器	->1
通用选择器，继承，*	->0
内联样式	->1000

这意味着包含ID选择器的样式将始终具有最高的优先级，并且优先级更高的样式将覆盖其它样式。

以下是一个示例：

#main {background: blue;}
.blue {background: lightblue;}

在这个例子中，元素ID选择器（#main）的权重为100，而类选择器（.blue）的权重为10。因此，ID选择器的样式将在类选择器的样式之上。

但是，如果类选择器应用到元素的级别比ID选择器高（例如，ID选择器定义在段落（p）元素中，而类选择器定义在其中的span元素中），则类选择器将具有更高的权重。

因此，在编写css样式时，大家应该知道每种选择器的权重以及如何计算它们的权重。这样，大家才能很好地控制样式的优先级，从而获得一个漂亮、有组织的网站。