在HTML标识符的Class中加入Styles

假设你想为网页上特定的段落设定规则，而不是全部的内容。例如，你可能想让网页上的第一段以24点大小的字体显示，而第二段则以14点的大小显示，要利用Style Sheets实现这一点，你必须找到一种方法来区别不同的<P>标识符。

一个特殊的属性专门为这一目的而被引入，每一个HTML标识符都有一CLASS属性，它是用来将标识符分隔成不同的部分，下面的例子说明了如何使用这个属性：

<HTML>
<HEAD>

<TITLE> Style </TITLE>

<STYLE>

<!--

P.TheFirstClass {font-size: 24pt}

P.TheSecondClass {font-size: 14pt}

-->

</STYLE>

</HEAD>

<BODY>

<P CLASS=“TheFirstClass”>

I am the first paragraph and I am formatted with a 24 point font.

</P>

<P CLASS=“TheSecondClass”>

I am the second paragraph and I am formatted with a 14 point font.

</P>

</BODY>

</HTML>

位于两个<P>标识符之间的文字将以不同大小的字体显示出来（见图7.21）。这两个段落分别由它们的CLASS属性区别开来，例如，第一个段落与名为TheFirstClass的class相关联，而第二个段落则与名为TheSecondClass的class相关联。

图7.21 使用CLASS标识符

当指定了这些规则后，它们就和特定的class相关联。例如，第一个规则通过使用class选择符P.TheFirstClass与第一个class：TheFirstClass相关联。class选择符可用来区别一个标识符中不同的class，第一个段落的格式由第一个规则决定，因为这条规则选择了与class：TheFirstClass相关联的所有<P>标识符。

不只一个<P>标识符可成为同一个class的成员。例如，假设有第三个<P>标识符被添加进上述HTML文件中，并指定属性CLASS＝“TheFirstClass”，则处于这个新的<P>标识符中的文字也受第一条规则的控制，第一条规则将作用于所有具备属性CLASS＝“TheFirstClass”的段落中。