css的類別選取器#和id選取器.

CSS 文法由三部分構成：選取器、屬性和值：

selector {property: value}

選取器 (selector) 通常是你希望定義的 HTML 元素或標籤，屬性 (property) 是你希望改變的屬性，並且每個屬性都有一個值。屬性和值被冒號分開，並由花括弧包圍，這樣就組成了一個完整的樣式聲明（declaration）：

body {color: blue}

上面這行代碼的作用是將 body 元素內的文字顏色定義為藍色。在上述例子中，body 是選取器，而包括在花括弧內的的部分是聲明。聲明依次由兩部分構成：屬性和值，color 為屬性，blue 為值。

CSS的類別選取器和id選取器:

id 選取器 "#"

id 選取器可以為標有特定 id 的 HTML 元素指定特定的樣式。

id 選取器以 "#" 來定義。

下面的兩個 id 選取器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：

#red {color:red;}
#green {color:green;}

下面的 HTML 程式碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。

<p id="red">這個段落是紅色。</p>
<p id="green">這個段落是綠色。</p>

在 CSS 中，類別選取器以一個點號顯示：

.center {text-align: center}

在上面的例子中，所有擁有 center 類的 HTML 元素均為置中。

在下面的 HTML 程式碼中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選取器中的規則。

<h1 class="center">
This heading will be center-aligned
</h1>

<p class="center">
This paragraph will also be center-aligned.
</p>

注意：類名的第一個字元不能使用數字！它無法在 Mozilla 或 Firefox 中起作用。