html - body 标签上的类别或 ID

标签 html css markup semantics

我最近一直在为我的 HTML 文档的 body 标签应用一个 ID to allow greater CSS control (#9) .最近我突然想到,我可以通过将类应用于 body 标签来做完全相同的事情。我想知道每个选择的正面和负面。如果我有多个 body 标签具有相同 ID 的页面,使用一个类是否更好?你怎么看?为什么?

更新:类/ID 基本上是我打算用来向样式表标识样式表应用到哪个页面或页面类型的内容。例如,它是主页、联系页面、许多搜索结果页面之一、存档页面等吗?

最佳答案

使用类是完全可以接受的,可能比使用 id 更好。应尽可能限制 ID 的使用,因为它们可能会与其他 ID 发生冲突并破坏 document.getElementById 之类的内容。

An id selector is more specific than a class selector, which usually makes it a better choice for your use case. -- David Dorward

然而,高“特异性”并不总是可取的。考虑主样式表中的 body#faq #col_b a {color:gray;},然后有人开发了一个带有灰色背景的插件,该插件出现在常见问题解答页面上,现在他们需要使用 !important 或创建另一个 id 属性以提供更高的特异性。

另外,考虑在单个 body 元素中使用多个类:

<body class="faq two_column big_footer"> ...

关于html - body 标签上的类别或 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3919456/

相关文章:

c# - 替换邮件链接

javascript - 使用 jQuery html 填充 div 时,内联 &lt;script&gt; block 焦点不会触发第二次

html - 使用最小高度时 Firefox 中提交类型输入的错位

javascript - 要在单击时更改 SVG 图像样式/效果,通过代码而不渲染新的 SVG 图像

javascript - 选择后重定向按钮

javascript - JQuery Masonry 是怎么来的,当我在浏览器上单击 "back"时,它会将用户射回顶部?

css - 当您在 anchor 的所述页面上时,如何更改 anchor 内的图像

html5验证错误输出

PHPDoc - 如何在 PHP 中标记构造函数

jquery - 使用 jQuery 将类添加到 ul li 的每个级别