级联样式表使用"id"或"class"

Question

在设计特定的html元素时,我倾向于始终使用class属性.css代码看起来更干净.

为什么两者都存在,你应该使用哪一个？何时？

Answer 1

id s id entify elements.class es class ify elements.

如果"它是一种......"(例如地址),就在一个元素上放一个类

把一个ID,如果一个元素"是的 ......"(如导航)

Answer 2

你按照这个偏好顺序去:

1. ID(页面上必须只有一个);
2. 元素和类(例如div.myclass); 然后
3. 没有元素限定符的类.

ID是迄今为止最快的查找.下一个最快的是按标记名查找.最慢的是按类名.

至于何时使用类或ID,可以在可能的情况下使用ID,在不能的时候使用类.

Answer 3

如果它是单个元素,我使用id,如果它适用于多个,则使用类

Answer 4

每页打算使用一次ID.我使用ID来指定主要布局元素

<div id="mainForm">
<div id="wrapper">

类可以跨多个元素定义样式.我用它来定义某种类型元素在页面上的显示方式.

<p class="comments">
<div class="smallText">