私は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;
}
}
代わりにクラスを使用する必要がありますか...