第1章 Sassのキホン1-3 何はともあれSassを触ってみようSample Code

1
#main {
2
  width: 600px;
3
    p {
4
      margin: 0 0 1em;
5
    em {
6
      color: #f00;
7
    }
8
  }
9
}

1
#main {
2
  width: 600px;
3
}
4
#main p {
5
  margin: 0 0 1em;
6
}
7
#main p em {
8
  color: #f00;
9
}

1
$red: #ff1122;
2

3
.notes {
4
  color: $red;
5
}
6
#main {
7
  .notesArea {
8
    border: 1px solid $red;
9
  }
10
}

1
.notes {
2
  color: #ff1122;
3
}
4

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