1

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

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

4

5 回答 5

3

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

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

作为一般经验法则,使用 id 作为单独的标识符,并使用类作为您打算重用的公共标记。

于 2012-12-14T06:43:50.143 回答
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很多次。

另请查看文档,它很好地解释了它。

于 2012-12-14T06:50:08.533 回答
1

使用 id 来标识在页面或单个 div 上只有一个实例的元素。例如,如果您有一个单独的导航栏要放置在特定位置,请使用id="navi"., 表示 header used id="header_sectoin",用于 jquery 中使用的任何函数而不是用于 idid="slider_left"

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

例子:

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

文本将是白色的。

详情:

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

于 2012-12-14T06:54:42.290 回答
0

id 是唯一的。例如,如果您只想将 css 样式分配给您可以将它们与 id 关联的标签之一。类可以重用。例如,如果你想为所有<a>标签分配一个 CSS 样式,你必须使用 class.

于 2012-12-14T06:47:28.477 回答
0

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

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

任何 ID 或类都没有浏览器默认设置 将类名称或 ID 添加到元素默认情况下不会对该元素执行任何操作。

元素可以同时拥有

于 2012-12-14T08:30:59.123 回答