前端之路随笔小记——id VS class

昨天制作的菜谱中用到了id和class两种属性，通过查阅资料基本掌握了二者的使用原理及异同，现做简单归纳：

（1）首先我们在布局时经常会用到div元素，它能使我们对某一特定区域做特殊处理，个人理解相当于java中的封装机制，而与之相关联的属性有id，class等，二者都可以丰富div区域的内容，使得程序更加简洁而又条理性。

（2）id，顾名思义，身份证，具有唯一性。它为一个元素分配唯一的名字，而在一个页面中这个名字只能使用一次，可用在具有特殊用途的元素的标注；而class则可被多次使用，对于类似的模块使用class可提高代码性能，缓解带宽资源的浪费。

（3）id值只能以字母或者下划线开始，不能以数字作为开始，在命名时尽量使用英文，一律小写，不要加中杠或者下划线，这一规则各有说辞，我们还是尽量做到规范，虽然有些解释器并不会报错……

（4）class的创建如  .class1{xxxx}；使用时直接class="class1"即可；id的创建如  #id1{xxxxx}，使用时直接id="id1".

（5） class是一个样式，先定义好， 然后可以 套给多个结构和内容, 便于复用；  id是一个标签，找到结构或内容，再给它定义样式，可用于区分不同的结构和内容。

（6）id的优先级比class高，写了段小代码，一目了然：