2

此时，我使用 Ruby on Rails 构建了一个新网站。随着网站变得越来越大，我的 css 规则变得越来越乱。所以我想了一种方法来提高我的 css 代码的可读性并避免错误：

我有一个全局 css.scss（SASS，类似 LESS）文件，用于所有重置和处理全局元素（如页眉和页脚）的页面。对于其他每个页面，我都有一个专用的 css 文件。例如，对于 about 页面，我有一个 about.css.scss 文件。在 about_page.css.scss 文件中，代码如下所示：

.about_page {
  .othersubclass {
    .
    .
  }
}

在“about.erb”页面中，我有以下内容：

<div class="about_page">
  <div class="othersubclass">
    .
    .
    .
  </div>
</div>

这是好还是坏的技术？是否有任何已知的技术可以解决这个问题？

（顺便说一句，RoR 将所有 css 文件连接到 1 个文件中，因此额外的 http 请求没有问题）

4

2 回答 2

2

根据：http ://betterfrontend.com/guides/stylesheets/

通常建议每个站点的主要部分都有一个样式表。

然后你可以在 application.css.scss 中编译它（所有的@import都在这里）。

于 2012-09-13T20:06:32.287 回答
0

在您网站上每个页面的根元素中添加一个唯一的 CSS 类/ID 是非常好的（实际上许多 CMS 都会这样做），但是为每个页面创建一个单独的 CSS 文件听起来有点矫枉过正，通常没有很多特定于页面的 CSS。

由于您提到您的构建过程将所有 CSS 连接到一个文件中，因此在生产环境中并不重要，只是代码组织的问题。如果它适合您的项目架构（您有其他资源的每页分离），那么我想这没关系，但就个人而言，它会采用更粗粒度的划分，例如 Daniel Fischer 建议的那样。

试想在您的情况下维护许多（数十个？数百个？）小css文件（每个0-50行？）是否方便。

于 2012-09-13T20:31:35.190 回答