身体标签,多维css结构或疯狂蓝图中的多个类?

时间:2010-02-03 20:25:01

标签: css css-selectors

这个问题是关于css结构的一种方法,因此更具讨论性。

我正在使用一些外包的css,其中body标签分配了多个类,最多半个。 (为了使事情变得更糟,没有一个css选择器包含一个html标签,这使得分析css变得混乱。)然后,这些主体类用于修改其中的分类或id'd小部件。

似乎这种方法就像在css中添加一个额外的维度,也许是为了创建一个结构化的CSS方法。如果我们提供任何文件,文档可能会有所帮助。

这不同于我的方法,其中小部件主要通过id'd div设置样式,也许将更通用的元素提取到类中,即div#MyWidget.widgets。

关于这种方法是否可维护的任何想法,特别是考虑到我正在处理包含大量遗留内容的数千页的网站,这些都是由不同技能水平的人完成的?感谢...

1 个答案:

答案 0 :(得分:1)

我发现这种方法没有什么特别的错误,只要你在概念上使用body标签来应用非常通用的样式规则。该类在DOM中越高,它应该越通用。

如果没有例子,很难回答。我经常使用的是将URL段转换为我的页面中的body标签类,用于相对较小的站点:

// mysite.com/users/show/
<body class="users show">
  <div id="Content">
     ...
  </div>
</body>

我几乎专门用它来覆盖特定页面上的默认样式:

#Content {
  width:500px;
}

.users.show #Content {
  width:600px;
}