《網頁設計》CSS如何指定ID與Class呢？

瀏覽器的CSS選擇器：

在CSS中, class選擇器為英文的句號(“.”) 而 ID 選擇器為一個 hash character (“#”).

對於CSS 可能會有如下的程式碼:


#id_A {
    background-color: coral;
    padding: 25px
}

.class_A {
    color: red;
    font-weight: bold;
}

HTML 如果要參考 CSS 則利用 id and class這2個關鍵字. 如下所示:


<div id="id_A">

<h1>Healthy food</h1>

<p class="class_A">OK, It's a healthy food.</p>

<p class="class_A">VVVVVV VLDJFLJ</p>

</div>

ID與class的差異在ID僅能出現在整份文件中的一個地方，而class則為樣板，可以有很多組件（item）為相同的class，類似物件導向程式設計的class產生的instance則僅有1個ID。

HTML的選擇器可以簡單的使用HTML選擇器，所以如p.car{/* whatever */}可以僅選擇在paragraph元件中的car類別。

thanks for watching.

好玩遊世界