Html CSS为引导创建父类（SiteBuilder Lite）

谢谢。首先，我想说这不是一个普通的问题。。我是一名php开发人员，主要专注于后端开发

我遇到了一个障碍

基本上我想做的就是

.parentclass {

 .a-bunch-of-bootstrap-children {

 }

}

我知道有可能做到：

.parentclass .child-class {}

但这并不是我想要的。看，这需要我改变一切，而且有很多变化

我正在使用一个网站/模板生成器系统SiteBuilder Lite有些人可能知道这个系统

我在系统中实现了新的模板或者他们所说的块

现在，系统使用skeleton.html构建模板。它包含要包括的所有资产。包括所有css文件，不允许每个站点加载特定文件

现在，我们加载1个主引导样式。但是其他模板有不同的引导样式。所以我想做的就是在一个父div中包含一个模板文件，然后对所有引导子项进行相应的格式化，而不必修改主引导样式，并为每个子项添加不同的父类和样式

我知道这不是最有效的方法，所以如果有人有任何建议，请提出建议

.parentclass {

 .a-bunch-of-bootstrap-children {

 }
}

实际上，在SCSS中使用这种语法是完全可能的

Sicne-SCSS与CSS完全兼容，您只需将文件名从.CSS更改为.SCSS，然后使用SCSS编译器导出所有自定义的引导CSS文件

如果您不使用Gulp或Grunt或其他任务生成器，这将是一个不错的选择

虽然我对SiteBuilder Lite不太熟悉，但以下步骤应该可以工作：

在skeleton.html中添加包装器标记 将自定义css文件名从page-1.css更改为page-1.scss 在page-1.scss文件中，添加嵌套选择器customized-page-1以包装原始css规则 安装指南针 转到scss文件夹并在命令行中运行compass compile 现在您将看到具有相同文件名的已编译css文件 完成！

---

嗨，罗盘很棒。Sass很棒，但我遇到了另一个问题。当我使用一个父div时，Bootstrap会被彻底破坏。好吧，关于哪一部分被破坏有点模糊。我假设问题可能是由您使用的网格系统引起的。如果是这种情况，只需在父网格上添加class=container，这样子网格就可以获得相同的上下文。过几天我就到家了。谢谢你的支持。我真的很感激。嗨，对不起，我按照你的建议做了，并且在很大程度上解决了一些问题。但是，我注意到即使在容器和行中，偏移也不起作用。它似乎忽略了补偿。从sm到lg，我都试过了。嗨，好的，谢谢你在向父divs添加container之后的评论。它似乎已经解决了大多数问题，但是1:offset不起作用。。我试过从xs到lg，但都没有成功。你知道可能是什么问题吗？p、 在我的css文件中，我需要添加一个容器最大宽度属性。