Question

我是Sass的新手，我想要所有带有父ID的bootstrap.css类，如下所示：

/*!
 * 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

Answer 1

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

#mycustomid {
    @import "bootstrap";
}

注意，＃mycustomid元素需要包装整个文档：html，body等。

Demo on Codeply

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

1 个答案: