什么时候应该使用类,什么时候应该在 html 中使用 id 来设置页面样式。
例子:<h1 class="ClassName">
<h1 id="IDName">
ID 是唯一的,而类可以重复使用。您也可以同时使用两者:
<h1 class="ClassName" id="IDName">
作为一般经验法则,使用 id 作为单独的标识符,并使用类作为您打算重用的公共标记。
如果您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
很多次。
另请查看文档,它很好地解释了它。
使用 id 来标识在页面或单个 div 上只有一个实例的元素。例如,如果您有一个单独的导航栏要放置在特定位置,请使用id="navi"
., 表示 header used id="header_sectoin"
,用于 jquery 中使用的任何函数而不是用于 idid="slider_left"
使用类对所有行为都以某种方式的元素进行分组。例如,如果您希望您的公司名称在正文中以粗体显示,您可以使用 .
例子:
文本#header_section {font-color:#fff}
.header_section {font-color:#000}
文本将是白色的。
详情:
id 是唯一的。例如,如果您只想将 css 样式分配给您可以将它们与 id 关联的标签之一。类可以重用。例如,如果你想为所有<a>
标签分配一个 CSS 样式,你必须使用 class.
ID 是唯一的 每个元素只能有一个 ID 每个页面只能有一个具有该 ID 的元素
类不是唯一的 您可以在多个元素上使用相同的类。您可以在同一个元素上使用多个类。
任何 ID 或类都没有浏览器默认设置 将类名称或 ID 添加到元素默认情况下不会对该元素执行任何操作。
元素可以同时拥有