CSS Nesting

.navbar {
  background-color: #333;

  ul {
    list-style: none;

    li {
      display: inline-block;

      a {
        color: #fff;
        text-decoration: none;
        padding: 10px;
      }
    }
  }
}

CSS Nesting is now available with Vanilla CSS

CSS (Cascading Style Sheets) is a fundamental component of web development. It is responsible for styling web pages, making them look…

https://medium.com/codex/css-nesting-is-now-available-with-vanilla-css-e12f29fe16e7