CSS id区分class

class

利用类可以对多个元素应用样式。

如页面中有一个假日主题区，一个万圣节区，一个圣诞节区。可把所有万圣节元素增加到halloween类，然后单独地对这些元素指定样式，比如用橙色。

id

只对一个元素需增加样式，或者页面上唯一的元素：

• 如页面上的页眉页脚，
• 导航条
• 包含“每日图片”的<img>元素
• 任务列表（一般不会有两个）

id和class使用方法类似

在HTML中 <p id="footer">G'day</p>

在CSS中  

p#footer{                  (选择一个id名为footer的<p>元素)

color:red;

}

#footer{                    (选择一个id名为footer的任意元素)

color:red;

}

在HTML中<p class="specials">G'day</p>

在CSS中  

p.specials{                 (选择一个class名为specials的段落)

color:red;

}

.specials{                   (选择一个class名为specials的所有元素)

color:red;

}

注意事项

class: 字母开头.                             

id: 数字/字母开头（果然比较尊贵）两者都可包含字母数字下划线,但严禁空格.

• 每个元素只能有1个id，id名不能重复(如页面中只能有一个元素的id是footer）
• id选择器只能与页面中的一个元素匹配（如<p>元素）
• 一个元素可以有一个id,同时又属于一个class。就像一个人名字唯一，但可加入多个俱乐部。

为什么不能用class来指定唯一的元素？

团队项目中，若成员看到一个类，可能认为其他元素会重用（多次使用）这个类。而看到id,就知道这是唯一的元素。