0

所以我正在做一个 web 项目，一切看起来都很好，我们定义了一堆视觉元素并将它们模块化到单独的 scss 文件中。所以在构建我们的页面时，我们只需导入我们想要使用的元素并将它们拼接在一起。

问题是，不同的页面可能使用相同的元素，但它们的布局可能不同。一个页面上的相同按钮可能向左浮动，而在另一页上它可能向右浮动。一个页面上的同一个模块可能有 30px 的上边距，而在另一页上它有 50px 的下边距。

我的想法是有一个辅助样式表，其中包含每个页面的少量布局代码，并且该文件是特定于页面的。当然客户端现在必须下载另一个资产，但它只是几行 css。

但这是一个坏主意吗？多么糟糕？如果它确实是邪恶的，那么解决这个问题的更好方法是什么？

4

2 回答 2

1

很多时候，一个网站的<body>标签上会有一个类，比如......

<body class="about"> <!-- for the about page -->

或者

<body class="home"> <!-- for the homepage -->

等等。您可以执行以下操作以将其定位在各个页面上：

.button-upload {
  float: left; /* It's floated left most the time */
}

.about .button-upload {
  float: right; /* Not on the about page, though! */
}
于 2013-10-24T20:05:19.033 回答
1

这就是我们在 css 中有类的原因，因此您可以将样式与类分开，并根据需要在每个页面中声明相关类

于 2013-10-24T20:06:36.723 回答