技術Sassの大きな特徴として、入れ子構造があります。ここでは、入れ子構造、ネストの書き方の基本を解説します。Sassには、Sass記法とSCSS記法の2種類がありますが、この講座では特に明記しない限り、SCSS記法で解説をします。例として、このようなHTMLにスタイルを適用する場合を考えてみます。class="note">注意書き</p></section></main></body></html>CSSで記述する場合、どのようになるでしょうか?はじめに、mainタグのスタイルを書きます。次に子孫セレクタを使って、section、h1、pタグ......と、このように記述していくと思います。最終的には次のようなCSSになるでしょうか。section」と、同じセレクタを何度も繰り返し記述していることがわかります。これをSassで書くと、次のようになります。20px;}}}}Sassでは、このように入れ子構造を使って書くことができるため、この繰り返しがなくなります。Sassを使ってネストで書くことによって、記述量が減り、構造が見やすくなるだけでなく、メンテナンス性も向上するのです。これがSassを使う大きなメリットです。フロントエンドエンジニアのための「Sass」講座。「Aire(アイレ)」とはスペイン語で「空気」を意味します。Aire(アル・アイレ)」と言えば、弦を弾いた指を隣の弦に触れずに空中に振り抜く奏法のこと。Project」です。Aboutフリーランスのフロントエンドエンジニアとして仕事をしています。http://aire-project.com/Categoriesフリーランス(16)ライフスタイル(12)写真(3)映画(1)演劇(5)音楽(2)養生(2)技術(18)CSS3(1)Nuxt.js(0)Sass(8)Vue.js(3)開発環境(6)書籍(10)雑記(5)このページではJavaScriptを使用しています。