样式表的继承规则是子标记继承父标记的样式。
div{color:blue;font-weight:bold;}
继承标记div的样式
CSS规定样式的优先级(从高到低)如下:
行内样式﹥ id样式﹥类样式﹥ 标记样式
案例:edu_7_3_1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS继承与层叠案例</title>
<style type="text/css">
body{font-size:12px;}
.c1{font-size:28px;color:blue;
font-family:"黑体"; }
#p1,#p2{font-family:"幼圆";font-size:56px;}
</style>
<body>
这是 body 的文本内容。
<p>第一段 子标记p继承了父标记body的样式。</p>
<p class="c1">第二、三、四段都设置了 class="c1"。</p>
<p class="c1" id="p1">第三段设置了 id="p1"。</p>
<p class="c1" id="p2" style="font-family:'Arial Black';color:red;">行内样式 style="font-family:'Arial Black'; color:red;",优先级最高。</p>
</body>
</html>
结果如图: