css - 你是把班级/身份证放在同一个 div 上还是把它们分开？

Question

由于我在 yui3 文档上找不到任何内容，因此请在下面询问您的意见。最佳做法是什么，为什么？

<div class="yui3-u-1-3" id="logo">
... content
</div>

或者

<div class="yui3-u-1-3">
<div id="logo">
..... content
</div>
</div>

问候，城堡

Answer 1

我认为在纯布局特定的 HTML 上使用 ID 的最佳实践。

例如。

• #outer-container
• #wrapper
• #sidebar

话虽如此，如果有任何机会，即使是一个远程的，您的页面中可能有多个实例，那么请谨慎使用并使用类。

有一些性能优势（尽管现在几乎可以忽略不计，因为浏览器渲染引擎和速度更快）：

• ID 选择器在你的 CSS 中稍微快一些
• ID 选择器作为使用 JS 的钩子更有效

阅读 Jonathan Snook 的 SMACSS 电子书中的精彩部分：https ://smacss.com/book/type-layout

Answer 2

我宁愿在 ID 上使用 CLASS，直到有明确的内容，从过去 2 年开始一直在使用 yui3 网格。到目前为止进展顺利。。

<div class="yui3-u-1-3 logo">
content 
</div>

或者

<div class="yui3-u-1-3">
 <h5 class="logo">logo goes here</h5>
</div>