下面是一些计算示例：
注意：通用选择器（*），子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以他们的权值都为0。
我们再来看一个具体的例子：假如有以下组样式规则，你能判断出HTML代码中的两个标题是什么颜色吗？
01 #content div#main-content h2{
02 color:red;
03 }
04 #content #main-content>h2{
05 color:blue
06 }
07 body #content div[id="main-content"] h2{
08 color:green;
09 }
10 #main-content div.paragraph h2{
11 color:orange;
12 }
13 #main-content [class="paragraph"] h2{
14 color:yellow;
15 }
16 div#main-content div.paragraph h2.first{
17 color:pink;
18 }
以下是HTML代码：
01
02
03
CSS简介
04
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。
05
06
使用CSS布局的优点
07
1、表现和内容相分离 2、提高页面浏览速度 3、易于维护和改版 4、使用CSS布局更符合现在的W3C标准.
08
查看更多关于css权重_html/css_WEB-ITnose的详细内容...