我何时应该使用课程,何时应该使用ID?

时间:2012-12-14 06:41:49

标签: html css

我什么时候应该使用一个类,什么时候应该在html中使用id来设置我的页面样式。

示例:<h1 class="ClassName">          <h1 id="IDName">

5 个答案:

答案 0 :(得分:3)

ID是唯一的,而类可以重复使用。您也可以同时使用它们:

<h1 class="ClassName" id="IDName">

作为一般经验法则,使用id作为单独的标识符,以及要重用的公共标记的类。

答案 1 :(得分:1)

如果您只有一种元素,则使用id;如果您有许多元素,则使用class

例如,您有一个列表:

<div class="listItem">Item 1</div>
<div class="listItem" id="selected">Item 2</div>
<div class="listItem">Item 3</div>

您可以在此处使用javascript获取所选元素:document.getElementById('selected')

你应该永远不会有两次相同的id,但你应该多次class次。

另请查看the documentation,它解释得非常好。

答案 2 :(得分:1)

使用id来标识页面或单个div上只有一个实例的元素。例如,如果您有一个放置在特定位置的导航栏,请使用id="navi"。对于标题used id="header_sectoin",对于jquery中用于标识id="slider_left"的任何已用函数

使用class对所有行为都以某种方式行事的元素进行分组。例如,如果您希望公司名称在正文中以粗体显示,则可以使用。

示例:

文本
#header_section {font-color:#fff}
.header_section {font-color:#000}

文字是白色的。

详情:

http://css-tricks.com/the-difference-between-id-and-class/

答案 3 :(得分:0)

id是唯一的。例如,如果您只想将css样式分配给其中一个标记,则可以将它们与id相关联。 class可以重用。例如,如果要为所有<a>标记指定css样式,则必须使用class。

答案 4 :(得分:0)

ID是唯一的 每个元素只能有一个ID 每个页面只能有一个具有该ID的元素

类不是唯一的 您可以在多个元素上使用相同的类。 您可以在同一元素上使用多个类。

任何ID或类都没有浏览器默认值 默认情况下,向元素添加类名或ID不会对该元素执行任何操作。

元素可以有两个