我们都知道这适用于sass:
body
margin: 0
&.active
margin: auto
但是当我尝试执行以下操作时,父项只是一个类选择器,它停止工作,编译器正在跳过“&”块,任何想法为什么?
.loggedIn
margin: 0
&.active
margin: auto
答案 0 :(得分:-2)
好的结果是它是由& .login行上方的注释行引起的,没有缩进其余部分,现在我知道我必须按照缩进的内容进行注释作为其余的内容。
这不起作用:
/* Container */
.container
position: relative
z-index: 1
/* > Login */
&.login
width: 320px
left: 0
right: 0
top: 100px
background: white
border: 1px solid #E0E0E0
box-shadow: 0 6px 12px rgba(0,0,0,.175)
opacity: 0.90

此作品
/* Container */
.container
position: relative
z-index: 1
/* > Login */
&.login
width: 320px
left: 0
right: 0
top: 100px
background: white
border: 1px solid #E0E0E0
box-shadow: 0 6px 12px rgba(0,0,0,.175)
opacity: 0.90