将子类绑定到css中的父类

Question

所以，我有以下div：

overflow:hidden

对于CSS，我想在“first”中加入“Second”，“third”和“4th”，如下所示（但显然不正确）。

<div class="first">
   <div class="second">
      <div class="third">
         <div class="fourth">

         </div>
      </div>
  </div>

将内部类绑定到顶级类而不重复顶级类的正确方法是什么？

Answer 1

尝试SASS。

在SASS中你可以这样做：

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

  li { display: inline-block; }

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

SASS Official Page