想要成為前端工程師的第一步,就是先了解什麼是ID選擇器!
在這篇中提到：Class 及 ID 都是使用者設定的選擇器 (selector)。Class 選擇器的說明如這篇文章，ID 選擇器的說明如下:
▶ 參考資料：HTML和CSS的網頁顏色代碼對照表
除此之外，CSS的ID 選擇器可以被 Javascript 中的 GetElementByID 函數運用， Class 選擇器則無法被 Javascript 運用到。
至於，什麼時候要用 ID 、什麼時候要用 Class，並沒有絕對的規則。但是大多的時候，Class 選擇器的使用頻率較高，因為 Class 選擇器在一個 HTML 文件中，可以被使用多次。但是當你要用 Javascript 的 GetElementByID 函數時，你就應該要用 ID 選擇器。
Class 名稱及 ID 名稱，大寫與小寫是不同的，不能互用。例如：.navbar 及 .NavBar，是代表兩個不同的 Class 選擇器。
推薦閱讀:
HTML5教學上完還不夠,加強CSS語法讓你的網站獨樹一格
認真上HTML5教學,踏足出版業就業路更寬廣
網路行銷又添一利器(上):趕快來學免費的HTML5教學
網路行銷又添一利器(下):HTML5教學給你滿滿的標籤
HTML5教學上完還不夠,加強CSS語法讓你的網站獨樹一格
HTML5教學解碼網頁區塊圖和表格
教你為網站妝模作樣的CSS網頁設計課程
在這篇中提到：Class 及 ID 都是使用者設定的選擇器 (selector)。Class 選擇器的說明如這篇文章，ID 選擇器的說明如下:
ID 選擇器
所謂的Class 的宣告法，是先放一個井字號 (#)， 然後列出選擇器名稱。格式如同以下：ID 名稱{
屬性：設定值；
...
}
舉例來說，假如前端工程師要定義導覽列的顏色為代號「#0000FF」的顏色時，宣告的 CSS 就會如下：#navbar {
color:#0000FF;
}
如果要將以上的樣式套用在 HTML 內，前端工程師可用以下的 HTML 碼：<p class="navbar">這是用 id 選擇器定義 navbar 文字顏色為「#0000FF」純藍色的例子。</p>以上宣告顯示如下：
Class 跟 ID 的不同在哪?
這兩者最大的差異就在於 ID 選擇器在一個 HTML 文件中只可以被使用一次，但是Class 選擇器在一個 HTML 文件中可以被使用多次。除此之外，CSS的ID 選擇器可以被 Javascript 中的 GetElementByID 函數運用， Class 選擇器則無法被 Javascript 運用到。
至於，什麼時候要用 ID 、什麼時候要用 Class，並沒有絕對的規則。但是大多的時候，Class 選擇器的使用頻率較高，因為 Class 選擇器在一個 HTML 文件中，可以被使用多次。但是當你要用 Javascript 的 GetElementByID 函數時，你就應該要用 ID 選擇器。
Class 名稱及 ID 名稱，大寫與小寫是不同的，不能互用。例如：.navbar 及 .NavBar，是代表兩個不同的 Class 選擇器。
推薦閱讀:
HTML5教學上完還不夠,加強CSS語法讓你的網站獨樹一格
認真上HTML5教學,踏足出版業就業路更寬廣
網路行銷又添一利器(上):趕快來學免費的HTML5教學
網路行銷又添一利器(下):HTML5教學給你滿滿的標籤
HTML5教學上完還不夠,加強CSS語法讓你的網站獨樹一格
HTML5教學解碼網頁區塊圖和表格
教你為網站妝模作樣的CSS網頁設計課程
