樣式選擇器

類別選擇器

宣告類別選擇器,可套用到不同標籤上

格式為

.類別名 { 樣式1 ;

樣式2 ;

...............

}

如下範例

<!--

.BlueCenter { color : BLUE;

text-align:CENTER;

}

-->

</STYLE></HEAD>

<BODY>

<H3 CLASS="BlueCenter"> 本段文字將設成藍色、居中 </H3>

<H2 CLASS="BlueCenter"> 本段文字將設成藍色、居中 </H2>

</BODY></HTML>

也可將類別選擇器套用在特定的標籤使用

<!--

H1.blue { color : BLUE } /* 宣告類別 blue, 只讓H1標籤套用*/

-->

</STYLE></HEAD>

<BODY>

<H1 CLASS="blue"> 本段文字將設成藍色 </H1>

</BODY>

</HTML>