|
樣式選擇器類別選擇器 宣告類別選擇器,可套用到不同標籤上 格式為 .類別名 { 樣式1 ; 樣式2 ; ............... } 如下範例 <HTML><HEAD> <STYLE TYPE="text/css"> <!-- .BlueCenter { color : BLUE; text-align:CENTER; } --> </STYLE></HEAD> <BODY> <H3 CLASS="BlueCenter"> 本段文字將設成藍色、居中 </H3> <H2 CLASS="BlueCenter"> 本段文字將設成藍色、居中 </H2> </BODY></HTML> 也可將類別選擇器套用在特定的標籤使用 <HTML><HEAD> <STYLE TYPE="text/css"> <!-- H1.blue { color : BLUE } /* 宣告類別 blue, 只讓H1標籤套用*/ --> </STYLE></HEAD> <BODY> <H1 CLASS="blue"> 本段文字將設成藍色 </H1> <!-- 只有H1能套用 --> </BODY> </HTML> |