我什么时候应该使用一个类,什么时候应该在html中使用id来设置我的页面样式。
示例:<h1 class="ClassName">
<h1 id="IDName">
答案 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}
文字是白色的。
详情:
答案 3 :(得分:0)
id是唯一的。例如,如果您只想将css样式分配给其中一个标记,则可以将它们与id相关联。 class可以重用。例如,如果要为所有<a>
标记指定css样式,则必须使用class。
答案 4 :(得分:0)
ID是唯一的 每个元素只能有一个ID 每个页面只能有一个具有该ID的元素
类不是唯一的 您可以在多个元素上使用相同的类。 您可以在同一元素上使用多个类。
任何ID或类都没有浏览器默认值 默认情况下,向元素添加类名或ID不会对该元素执行任何操作。
元素可以有两个