实例CSS中如何正确的使用 id 和 class？

按照字面的意思，id是指一个元素在整个文档中的“唯一标志”，而class则是它所属的“类别”。按照语法，同名的id在一个文档里只应该出现一次，而class名可重复使用。

但是在具体使用的时候，哪些样式该用id，哪些样式改用class呢？有个答案很简单：

那些只会在页面中出现一次的元素应该用id来表示。比如页头（header） 页尾（footer），导航菜单（main-menu）等。但是真的这么简单么？

我先举几个例子来说明我所遇到的尴尬：