エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ネスト(入れ子)|sass|study|kanapple.net
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ネスト(入れ子)|sass|study|kanapple.net
Sassではセレクタをネスト(入れ子)して記述することができます。 例えば div{ position:relative; p{ ... Sassではセレクタをネスト(入れ子)して記述することができます。 例えば div{ position:relative; p{ position:absolute; top:0; left:0 span{ color:#000; } } } 出力結果↓ div{ position:relative; } div p{ position:absolute; top:0; left:0 } div p span{ color:#000; } このように、ネストして記述することで深い階層になっても親子関係がわかりやすいですね! 子セレクタや、隣接兄弟セレクタを指定したい場合はこのようにかきます。 div{ position:relative; >p{ position:absolute; top:0; left:0 +span{ color:#000; } } } 出力結果↓ div{ pos