Question

我正在阅读克里斯托弗施密特的CSS Cookbook。他说

使用描述演示文稿的类名称，就像我在此处所做的那样解决方案，不推荐。

但为什么呢？当需要多次处理相同的情况时，它可以节省时间和精力。像 Twitter-Bootstrap 一样，使用类来描述演示文稿。

Twitter-Bootstrap为不同的purpuse创建了很多类。与col-sm-1或col-lg-offset-1一样。它使用类来描述演示文稿。

以下是本书中的代码 BAD 示例。

.leftFloat {
float: left
}

.rightFloat {
float: right 
}

Answer 1

原因是他们试图分开内容和演示文稿。从理论上讲，你应该可以换掉CSS，从移动网站转到桌面版，打印版，应用版等。

当你有像

这样的课程时

.italicbold {
  font-weight: bold;
  font-style: italic;
}

您也可以将其移至style属性。

理由是，今天的Web开发人员必须维护多个版本，并且冗余很糟糕。如果您的移动网站有不同的标记，则有两个地方需要更改。然而，有许多原因可以解释为什么桌面上大胆的东西不应该在移动设备上（+悬停效果等）。您当然可以覆盖“.bold”以在移动CSS中应用下划线效果，但这会使您的代码难以阅读（B / C记住在这种情况下所有内容真正做了什么）。

Answer 2

我认为类的标题应该适用于要更改的代码类型，而不是更改的性质。

例如，如果您有一个名为content的HTML类，然后您想将其浮动，那么您将拥有类似的内容：

<div class="content">
<h2>London</h2>
</div>

现在，如果你想让这个浮动，你可以说CSS如：

.content{float: left;}

更合乎逻辑的思路是;让我们上课＆＃34;内容＆＃34;，然后让它向左浮动。变化的方向性被颠倒了。

此外，如何（使用您的方案）可以进行多项更改：假设我希望我的内容向左浮动并变为粗体：简单

<div class="content">
<h2>London</h2>
</div> 
.content{float: left;font-weight: bold;}

你如何命名这个类左移和粗体......或者其他100个东西。

为什么不建议使用描述演示文稿的类名？

2 个答案: