嵌套，让css 的层级关系与html的层级关系对应，使css更加清晰，但是过多层级的嵌套会让维护变得困难，并且CSS 所需的带宽以及浏览器所需的工作量就越多。

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}