前端工程師必備技能!! 教你如何分辨Class和ID!!
在這篇中提到：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 文件中則可以被使用多次。另外，是 ID 選擇器可以被 Javascript 中的 GetElementByID 函數所運用，而 Class 選擇器不能被 Javascript 運用到。
至於何時要用 ID 、何時要用 Class，並沒有絕對的規則。但是大多的時候，Class 選擇器的使用頻率較高，因為 Class 選擇器在一個 HTML 文件中，可以被使用多次。但是當你要用 Javascript 的 GetElementByID 函數時，你就應該要用 ID 選擇器。
Class 名稱及 ID 名稱，大寫與小寫是不同的，不能互用。例如：.navbar 及 .NavBar，是代表兩個不同的 Class 選擇器。 今天的分享喜歡嗎? 喜歡的話也幫我分享給你的前端工程師好友吧!!
其他閱讀
前端工程師和後端工程師的差異,想學網頁的你也一定要知道!
網頁設計課程必學CSS基礎一:要怎麼在HTML中導入化妝師CSS?
HTML5教學----CSS基礎語法:字型與文字排列相關順序
網路行銷課程用兩招讓你輕鬆了解黑帽白帽SEO的不同!
Python工程師只有大人才可以當?這位國中生會讓你跌破眼鏡!
實體商店的大福音!!用人工智慧幫你自動偵測缺貨標錯價!