3

一位同事刚刚将此添加到我们的项目中。

<ol class="numbered-list list-inside" start="1">

.numbered-list
{
    list-style-type: decimal;
}
.list-inside
{
    list-style-position: inside;
}

我在这里遗漏了什么还是这和内联 CSS 一样糟糕？我该如何向我的同事解释这一点？

编辑也许我的问题被误解了。不应该是这样的吗？

<ol class="info-list" start="1">

.info-list
{
    list-style-type: decimal;
    list-style-position: inside;
}

我要说明的是，类名仅代表它们应用的规则。因此，如果您想更改列表的表示形式，则必须更改 HTML（或更改 CSS，以便最终得到一个与其包含的规则相反的类名）。

另一个编辑也许这将进一步帮助您理解我的问题。

<p class="red">Hello</p>

.red
{
    color: red;
}

现在，您要将文本更改为绿色。看到问题了吗？

4

2 回答 2

1

如果这些类在您的项目的其余部分中单独使用，那没关系。如果不需要分离这些样式，那么这样的解决方案可能是不合时宜的。很多时候，如果它们用于不同的目的，您会向一个元素添加多个类。

于 2013-01-09T14:20:53.943 回答
0

一篇文章证实了我对这种风格的怀疑。最相关的例子是这个：

<div class="hyphenate"></div>

没有语义的。试图指定内部内容的行为，而不是描述它实际上是什么。

于 2013-01-09T17:54:22.747 回答