html - 使用像 .left {float :left} and . right {float:right} 这样的类好吗

Question

• 哪种方法更易于管理特别是在团队发展方面？
• 哪个会更优化更长？
• 两者的优缺点是什么？

样式表

#firstblock { background: #000; float: left; }
.genblock { background: #006699; float: left; }

HTML

<div id="firstblock"></div>
<div class="genblock"></div>
How you should do it

或者

样式表

.left { float: left; }

#firstblock { background: #000; }
.genblock { background: #006699; }

HTML

<div id="firstblock" class="left"></div>
<div class="genblock left"></div>

Answer 1

您不应该泄漏表示信息 (CSS) 到您的数据层 (HTML)。

您应该为您的元素指定一个描述其用途的类名。它是否 float 与 HTML 无关。 您在 CSS 中决定。

如果您有一个类名，如 blue，然后您的客户说我们现在想要所有这些东西都是红色的，会怎么样？

例子

HTML

<ul id="primary-menu">
....
</ul>

CSS

#primary-menu {
   float: left;
   color: #f00;
}