在class中加入styles
本章到此为止,Style Sheets规则只与一些特定类型的HTML标识符相关联,然而你也可以让规则与一个class相关联而并不与任何一个特定的标识符关联。来看下面的例子:
<HTML>
<HEAD>
<TITLE> Style </TITLE>
<STYLE>
<!--
.FreeClass {font-size: 24pt}
-->
</STYLE>
</HEAD>
<BODY>
<B CLASS=“FreeClass”>
I am bold and I am formatted with a 24 point font.
</B>
<P CLASS=“FreeClass”>
I am the second paragraph and I am formatted with a 24 point font.
</P>
</BODY>
</HTML>
在此例中,<B>和<P>标识符都与同一个class关联,位于<B>和<P>标识符内的文本都将以24点大小的字体显示。规则没有与任何一个HTML标识符关联,相反它只与class:FreeClass关联。
注意
在规则中指定class选择符时不要忘记在前面加上点号。如果你忘记了这个点号,浏览器就会认为你正试图为规则选定一个HTML标识符而不是一个class。