CSS的選擇器介紹:(一)類別選擇器

在這邊 先跟大家介紹一些所謂的類別選擇器，若是要呈現如下的畫面，因為第一列和第三列的文字是一樣的效果(顏色)，所以可以用類別選擇器。

首先到要有效果的段落的元素內，打上class="p"

 再到head標籤內的style標籤內打上如下圖的藍字:  .p{color:blue} 
p.s.類別選擇器的打法是:  .+類別名稱{屬性:值}，由於現在要加上特效的class是p所以如上所打的那樣就會有效果。




而關於類別選擇器而言，若自己只是要針對類別中的特定元素加上效果的話，以剛剛的例子為例，class是p的是第一列和第三列，若是只要針對第三列加上效果那可以用:
元素.類別名稱{屬性:值}  如下







則呈現以下的效果出來了!