選擇器: class & id

1. Class:

class 語法 :

指定元件名稱 .【Class 名稱】{ //元件與class名稱中間有個據點，如果沒有指定元件就是所有命名為此class的元件

        屬性:設定值;

}

多重class :

一個元件同時能有不一樣的class

For example:

HTML:

<p class="apple banana">這是多重 Class 的例子。 class名稱中間加空格</p>

CSS:

p.apple{     
            屬性:設定值;
}

p.banana{     
            屬性:設定值;
}

2. Id:

id 語法 :

#【Class 名稱】{

屬性:設定值;

}

★與Class的差異 :

同一個元件不能同時有多個id!!

且，一個ID不能被多個元件使用

一對一，一夫一妻制