第1章 Sass のキホン

1-3 なにはともあれ Sass を触ってみよう

#main {
    width: 600px;
        p {
            margin: 0 0 1em;
        em {
            color: #f00;
        }
    }
}

#main {
  width: 600px;
}
#main p {
  margin: 0 0 1em;
}
#main p em {
  color: #f00;
}

$red: #ff1122;

.notes {
    color: $red;
}
#main {
    .notesArea {
        border: 1px solid $red;
    }
}

.notes {
  color: #ff1122;
}

#main .notesArea {
  border: 1px solid #ff1122;
}