第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; }
#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; }