类选择器和'&'在SASS一起

时间:2015-03-14 16:33:29

标签: css sass composer-php

我们都知道这适用于sass:

body
  margin: 0

  &.active
    margin: auto

但是当我尝试执行以下操作时,父项只是一个类选择器,它停止工作,编译器正在跳过“&”块,任何想法为什么?

.loggedIn
  margin: 0

  &.active
    margin: auto

1 个答案:

答案 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