你在同一个div上保持class / id还是将它们分解？

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

我宁愿使用CLASS over ID直到明确的东西，从现在开始使用yui3网格已经过去2年了。到目前为止很棒..

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

或

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

Answer 2

我认为最佳做法是在纯粹的布局特定HTML上使用ID。

例如

• #outer-container
• #wrapper
• #sidebar

说过如果有机会，即使是你可能在你的页面中有多个这些实例的远程机会，那么玩安全并使用课程。

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

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

阅读Jonathan Snook的SMACSS电子书中的这一重要部分：https://smacss.com/book/type-layout