使用 Sass 从选择器继承所有引导类答案

【问题标题】：Inherit all bootstrap classes from selector using Sass使用 Sass 从选择器继承所有引导类
【发布时间】：2017-04-04 11:39:43
【问题描述】：

我是 Sass 的新手，我希望所有 bootstrap.css 类都有一个父亲 ID，如下所示：

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
#mycustomid html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
#mycustomid body {
  margin: 0;
}
#mycustomid article,
#mycustomid aside,
#mycustomid details,
#mycustomid figcaption,
#mycustomid figure,
#mycustomid footer,
#mycustomid header,
#mycustomid #mycustomid hgroup,
#mycustomid #mycustomid main,
#mycustomid #mycustomid menu,
#mycustomid #mycustomid nav,
#mycustomid #mycustomid section,
#mycustomid #mycustomid summary {
  display: block;
}
#mycustomid audio,
#mycustomid canvas,
#mycustomid progress,
#mycustomid video {
  display: inline-block;
  vertical-align: baseline;
}

如何使用 bootstrap sass 做到这一点？

我从官方页面下载了完整的 bootstrap sass。

我学会了用 gulp 和 bower 编译它，但我不知道应该在哪个文件中添加主 ID。

see my image with the files

【问题讨论】：

标签： css twitter-bootstrap sass gulp-sass

【解决方案1】：

只需使用您的自定义选择器包装 scss 文件的 @import...

#mycustomid {
    @import "bootstrap";
}

注意，#mycustomid 元素需要包装整个文档：html、正文等。

Demo on Codeply

【讨论】：