Sass_3-1-2 子孫セレクタ以外のセレクタを使うには

子孫セレクタ以外を使う場合の記述の方法をやった。

CSSとSassの比較。

#main section + section {
  margin-top: 50px;
}
#main section > h1 {
  font-size: 140%;
}

CSSで書くとこうなるけれど、Sassの場合はこうなる。

#main {
	section + section {
		margin-top: 50px;
	}
	section > h1 {
		font-size: 140%;
	}
}

隣接セレクタと子セレクタを使った。
CSSの場合は長くなってしまうけれど、今回もネストすることで短く記述できる。

参考

ushiroyubi1's blog