单行课程

Question

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

<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;
}

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

Answer 1

如果在项目的其余部分单独使用这些类，则可以。如果没有必要将这些样式分开，那么这种解决方案可能是无法解决的。 如果用于不同目的，很多时候会将一个元素添加到一个元素中。

Answer 2

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

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

  

Unsemantic。尝试指定内容的行为，而不是描述其实际内容。