Technology Sharing

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

1 Introduction

The so-called nesting is to put one CSS rule inside another (nested rule), and the selector of the child rule will be relative to the selector of the parent rule. This is conducive to the modularity and maintainability of the code. The nesting function that was originally only available in CSS preprocessors Less and Sass can now be used in native CSS.

Elements are styled via .nav__item. To make the CSS effective, use