What is nesting in Sass and are there downsides

Sass, nesting, downsides

Nesting in Sass allows you to write more organized and readable styles by nesting CSS selectors in a way that mimics the HTML structure. This can simplify the process of writing styles, but it can also lead to overly specific selectors and increased CSS file size.


        // Example of Nesting in Sass
        .nav {
            ul {
                list-style: none;
            }
            li {
                display: inline-block;
            }
            a {
                text-decoration: none;
            }
        }