首页 > 代码库 > 对页面开发中ID与CLASS的使用认识

对页面开发中ID与CLASS的使用认识

在页面开发的过程中,使用CSS布局定义属性时我们会用到ID与CLASS

class的使用原则

  class在CSS的定义中具有重复性,可以多次使用,建议大家尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改,会让所有的class都成为id的子级。

id的使用原则

  id具有唯一性,其使用原则也是依据这一特性建立的。id是不能重复的,所以在XHTML的结构中,大结构一定是用id。比如标志、导航、主体内容、版权。这些根据制定的规范命名为#logo,#nav,#content,#copyright等等,本着其唯一性的原则个人建议定义id尽量在外围使用。

      在我们写CSS的时候可以写成这样#father.child{…},另外需要注意的是尽量不要让class包含id,比如.father#child{…}如果写成这样很显然就非常不可取。当然这也只是相对于良好书写习惯的一些建议,仅供大家参考。

  所以,综上所述,归总起来一句话:ID就是用来对整体布局使用,CLASS可以在内部使用(  id是唯一的并且是父级的,class是可以重复的并且是子级的)。