css - 我应该在哪个 .scss 文件上进行站点更新？

Question

从这个问题可以看出，我仍在学习 SASS 和 Bootstrap 4。对于 BS4，我必须设置一些 .scss 部分文件，然后将它们导入到我的 site.scss 文件中。为了对 Bootstrap 进行更改，我对 _my-theme.scss 文件进行了更改。我的问题是当我想进行简单的 CSS 更改而不处理 BS 时，最好将它们直接放在 site.scsss 文件中还是应该将它们放在 _my-theme 文件中？

例如:如果我只是想制作一个页面标题类，我发现如果我将它放在我的 site.scss 文件或 _my-theme.scss 文件中它会起作用，但哪个是最佳实践并且是有原因吗？

我知道我只需要将类放在一个或另一个文件中，我只是不知道应该把它放在哪个文件中？

这是我的 site.scss:

@import "scss/_custom-variables.scss";
@import "bootstrap/bootstrap.scss";
@import "scss/_my-theme.scss";


.page-title {
    color: red;
    font-weight: bold;
}

这里是 _my-theme.scss 的例子:

body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-title {
    color: red;
    font-weight: bold;
}

Answer 1

我也在学习，但根据我的经验，你应该用容器包装而不是使用 css 填充。

当你在 sass 中使用 @import 时，你应该避免写文件扩展名(不需要 .scss)和部分的下划线。