0

私はSASSを学び、いくつかの例を試しています。Selector Sequence と SASS がそれらをマージする理由を理解するのに問題があります。

実際のシナリオでは、出力に不要な css が含まれる場合があります。例:-

a{
    color: #0086B3;
    &:hover{
      text-decoration: none;
   }
 }

#footer a{
  color: #a61717;
}

.head-links{
  @extend a;
  font-weight: bold;
} 

このコードブロックは以下に準拠しています:-

a, .head-links {
  color: #0086B3; 
}
a:hover, .head-links:hover {
   text-decoration: none; 
}

#footer a, #footer .head-links {
  color: #a61717; 
}

.head-links {
  font-weight: bold; 
}

問題はそれです

#footer .head-links

使用されることはありません。したがって、セレクターシーケンスが必要ない場合、マージするポイントは何ですか。

どうすればこれを回避できますか?どうすれば延長できますか:-

a{
   color: #0086B3;
   &:hover{
    text-decoration: none;
   }
 }

代わりにクラスを使用する必要がありますか...

4

1 に答える 1