當css樣式用于不止一個元素時，使用class來定義；當css樣式只應用于一個元素時，使用id來定義。原因：id不能重復，只能使用一次，一個id只能用于一個標簽元素；而class可以重復使用，同一個class可以定義在多個標簽元素上。

本教程操作環(huán)境：windows7系統(tǒng)、css3版本、Dell G3電腦。

教程推薦：css視頻教程

CSS中的選擇符除了可以選擇HTML預定義的標簽，比如<a>，<p>，<div>。還可以選擇用戶自己定義的id或者class。id與class的最主要不同就在于id不能重復，只能使用一次，一個id只能用于一個標簽。而class可以重復使用，同一個class可以定義在多個標簽上。實際上從名稱就能看出來id與class的區(qū)別，id是識別符，而class是類。

那么什么時候使用id，什么時候使用class？

• 當css樣式用于不止一個元素時，使用class來定義。

• 當css樣式只應用于一個元素時，使用id來定義。

例如導航條，每個頁面中，只存在一個頂部導航條的話，可以使用id來定義

<nav id="nav"></nav> // 或者 <div id="nav"></div>

例如商品列表，具有相同的樣式，可以使用class來定義

<ul id="list">     <li class="list-item">1</li>     <li class="list-item">2</li>     <li class="list-item">3</li> </ul>