技術共有

CSS ネイティブのネストされた構文の互換性の問題

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1 はじめに

いわゆるネストとは、ある CSS ルールを別の CSS ルール内に配置すること (ネストされたルール) を意味し、子ルールのセレクターは親ルールのセレクターに対して相対的になります。これにより、コードのモジュール性と保守性が容易になります。ネスト機能は、もともと CSS プリプロセッサ Less と Sass でのみ利用可能でしたが、ネイティブ CSS でも利用できるようになりました。

要素は .nav__item によってスタイル設定されます。CSS を有効にするには、次を使用します。