相关疑难解决方法(0)

较少使用&运算符来增强嵌套的可能性.

.header        { color: black;
  .navigation  { font-size: 12px;
    &.class    { text-decoration: none }
  }
}

这会导致&用父选择器替换它并导致实际选择器与父选择器的连接:.header .navigation.class而不是正常的追加,这将导致.class成为一个后代:.header .navigation .class.

现在还有可能是以下内容(另见此处):

.header        { color: black;
  .navigation  { font-size: 12px;
    #some-id & .foo   { text-decoration: none }
  }
}

这会产生以下结果:#some-id .header .navigation .foo 试试这里.该substition发生,我已经预先考虑选择(#some-id),以我的父母选择.

除了我永远不会以这种方式编码的事实,因为这可能会在很短的时间内弄乱你的样式表,我的问题是:

由于没有记录此功能,它是一个功能还是更可能是一个错误？
哪些是可能的副作用？