首页 相关文章 CSS中如何正确的使用 id 和 class?

CSS中如何正确的使用 id 和 class?

  今天有点闲,想向大家请教一下id和class的使用。

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

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

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

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

  大多数的页面都是两栏布局的:一个主栏(main column),一个侧栏(side column)。就像这样:

  

  OK,我们会用两个div来表示它们。问题来了,应该使用id还是class?按照常规的理解,一个页面只会有一个主栏,一个侧栏咯,所以当然应该用id。文档写成这:

  div id...[ 查看全文 ]

2016-02-19 标签:

CSS中如何正确的使用 id 和 class?的相关文章

手机页面
收藏网站 回到头部