scss ＆の使用

3番目の指定

  <ul>
    <li>入れ子</li>
    <li>ネスト</li>
    <li>便利</li>
  </ul>
 

   li {color: black;}
  li.second{color:red;}

   li {　color: black;
  &.second{color:red;}
　　}

class名での指定

  <ul>
    <li>入れ子</li>
    <li>ネスト</li>
    <li class="current-page">便利</li>
  </ul>

  li {color: black;}
.current-page{color:red;}

  li {　color: black;
    &.current-page{color:red;}
　　}