}
-->
</style>
</head>
四．行内样式
绝大多数元素都有style属性。行内样式信息并不需要从不支持样式表的浏览器中隐藏，因为浏览器会忽略它们不理解的任何属性。
举例：行内样式的使用。
<h1 style = “font-size: 48pt; font-family: Arial; color: green;”>CSS1 Inline</h1>
五．样式规则的辖域
以上讨论了样式表的存放位置，现在讨论样式表的作用范围，两者既有联系又有区别：行内样式规则自然决定了它的影响范围是当前元素，而其他样式规则可以灵活地设置规则的作用范围。
5．1 简单规则
最简单的规则不妨称它们为文档规则和行内规则。前者可以应用到整个文档中出现的所有的某元素（如所有的<p>元素），后者只应用到当前元素。
5．2 id规则
使用id属性的元素除了可以作为超链接的目标外（类似name属性，在载入页面时将显示定位在页面的指定位置），还可以用它来和样式表中的某个样式规则绑定（比name属性强的地方）。无论是作为超链接的href还是样式规则的选择符，引用id的格式为：＃id值。在一个HTML文档中，id属性值必须全局唯一。
举例：id属性与超链接或样式表的结合使用。
如有<p id = “SecondParagraph”>…</p>，则可以如下引用：
<a href = “# SecondParagraph”>Go to SecondParagraph</a> 或者
<head>
<style type = “text/css”>
<!--
＃SecondParagraph {background-color : green;}
-->
</style>
</head>
5．3 class规则
和id属性一样，class属性也是HTML核心属性之一，多数元素都有该属性。class属性定义了一个元素所属类的名称。class取值不要求唯一，同一类元素的多个实例、多个不同类的元素都可能属于同一个类。使用类可以显著地减少文档中必需的样式规则的数量。样式规则中有两种引用class的格式：
① 为所有该类的元素设置样式：.类名{样式规则;}
② 为属于该类的所有X元素设置样式：X.类名{样式规则;}
举例：class规则的使用。
<style type = “text/css”>
<!--
.main-item {font-size:150%;}
h1.veryimportant {background-color:orange;}
-->
</style>
5．4 伪类（pseudo－classes）和伪元素（pseudo－elements）
5．4．1 伪类
一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：
① a:link：未访问链接
② a:visited：已访问链接
③ a:active：激活时（链接获得焦点时）链接的颜色
④ a:hover：鼠标移到链接上时
一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。
举例：伪类的常见状态值
<style type = “text/css”>
<!--
a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线
a:active:{color: red; } //激活：红色
a:visited {color:purple;text-decoration:none;} //已访问：purple、无下划线