css - 删除元素和类之间的空间

标签 css sass

<分区>

我有以下内容:

div {
   .demo {
      color: #000;
   }
}

哪些输出:

div .demo { color: #000; }

但是,我需要它在元素和类之间没有空格的情况下输出:

div.demo { color: #000; }

有没有办法使用 SASS 嵌套来做到这一点?

最佳答案

Use & to combine a selector with its parent:

div {
   &.demo {
      color: #000;
   }
}

关于css - 删除元素和类之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24637384/

上一篇:JavaScript 时序

下一篇:jquery - 来自 CSS 文件的样式覆盖了页面中应用的样式

相关文章:

javascript - D3 鼠标悬停

html - 如何像附件中的图片那样为边框添加淡入淡出效果

css - Sass 命令停止工作

ruby-on-rails - Rails 3.1 中的 CSS 框架

css - 总是在最后一个位置订购 flex 元素

html - 移动端垂直滚动

javascript - 如何使用 jquery 或 javascript 摆脱内联样式

css - Div 不在网格中

javascript - 从 jquery 中的 scrollTo 动画中排除特定#

html - angular2 sm-popup 边缘的语义 ui