单行类
单行类
提问于 2013-01-09 14:16:10
一位同事刚把这个添加到我们的项目中。
<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;
}现在，您希望将文本更改为绿色。看到问题了吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-09 17:54:22
文章证实了我对这种风格的怀疑。最相关的例子是：
<div class="hyphenate"></div>非语义。试图指定内部内容的行为，而不是描述它实际上是什么。
Stack Overflow用户
发布于 2013-01-09 14:20:53
如果在项目的其余部分中单独使用这些类，这是可以的。如果没有必要将这些样式分开，那么这样的解决方案可能是不需要的。很多时候，如果将几个类用于不同的用途，则将它们添加到一个元素中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14237222
复制相关文章
相似问题
腾讯云开发者
