Sass：有没有办法让.date {＆amp; input [readonly]}

Question

我知道我可以用＆amp ;;做各种奇妙的事情。在萨斯喜欢

.date {

  & input[readonly] {
    cursor: default;
  }
}

但是，我已经输入[readonly]由基金会6设置输入[readonly]，这不会覆盖它而不添加！important。看起来这应该是可以解决的，没有！重要，但你不能这样做：

.date {

  &input[readonly] {
    cursor: default;
  }
}

因为您只是得到.dateinput[readonly]{ ... }。有没有办法绕这个，所以我可以得到输入[readonly] .date？以下示例不会这样做＆amp;必须在复合选择器的开头使用：

.date {

  input[readonly]& {
    cursor: default;
  }
}

Answer 1

你可以这样做：

.date {

  input[readonly] & {
    cursor: default;
  }
}

（注意空格）

虽然这也会在父母和孩子之间添加一个空格，但这不是你想要的。根据{{​​3}}的说明，您可能需要使用@at-root。