當(dāng)css樣式用于不止一個(gè)元素時(shí)，使用class來定義；當(dāng)css樣式只應(yīng)用于一個(gè)元素時(shí)，使用id來定義。原因：id不能重復(fù)，只能使用一次，一個(gè)id只能用于一個(gè)標(biāo)簽元素；而class可以重復(fù)使用，同一個(gè)class可以定義在多個(gè)標(biāo)簽元素上。

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

教程推薦：css視頻教程

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

那么什么時(shí)候使用id，什么時(shí)候使用class？

• 當(dāng)css樣式用于不止一個(gè)元素時(shí)，使用class來定義。

• 當(dāng)css樣式只應(yīng)用于一個(gè)元素時(shí)，使用id來定義。

例如導(dǎo)航條，每個(gè)頁面中，只存在一個(gè)頂部導(dǎo)航條的話，可以使用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>