上一篇
下一篇
CSS继承性之深入剖析（3）
作者:晓丫 日期:2008-10-29
代码"/> 程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http[color=#0080C0]://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.52css.com</title>
<style type="text/css">
<!--
.aaa{color:red;}
h1{color:blue;}
-->
</style>
</head>
<body>
<h1 class="aaa">CSS网页布局 - www.52css.com</h1>
</body>
</html>[/color]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.52css.com</title>
<style type="text/css">
<!--
.aaa{color:red;}
h1{color:blue;}
-->
</style>
</head>
<body>
<h1 class="aaa">CSS网页布局 - www.52css.com</h1>
</body>
</html>[/color]
样式表中的特殊性描述了不同规则的相对权重，它的基本规则是：
统计选择符中的ID属性个数。
统计选择符中的CLASS属性个数。
统计选择符中的HTML标记名格式。 最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数。( 注意，你需要将数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。
以下是一个按特性分类的选择符的列表：
代码"/> 程序代码 H1 {color:blue;} 特性值为：1
P EM {color:purple;} 特性值为：2
.apple {red;} 特性值为：10
P.bright {color:yellow;} 特性值为：11
P.bright EM.dark {color:brown;} 特性值为：22
#id316 {color:yellow} 特性值为：100
P EM {color:purple;} 特性值为：2
.apple {red;} 特性值为：10
P.bright {color:yellow;} 特性值为：11
P.bright EM.dark {color:brown;} 特性值为：22
#id316 {color:yellow} 特性值为：100
文章来自: 
引用通告: 
Tags:
评论: 0 | 引用: 0 | 查看次数: -
发表评论