sass - SASSでクラスを「拡張解除」する方法はありますか?

Question

今、私は@extendすべてのbutton要素に接続しているクラスを持っています。ただし、ボタンを 1 つに拡張したくはありません。HTML を変更してリンクにすることも避けたいと考えています。

@extendSASS の特定のルールを削除する方法はありますか?

Answer 1

いいえ。オプションは次のとおりです。

1. すべてのボタンにスタイルを設定しないでください (独自の要素を避けるために、クラスまたはより具体的なセレクターを使用してください)。
2. 固有の要素のスタイルをオーバーライドします (使用するスタイルによっては、すべてのブラウザーでボタンをデフォルトの外観に戻すのが非常に難しい場合があります)。

最も簡単な解決策は、:not セレクターを使用することです。

// style all buttons, except for ones with the "default" class on them
button:not(.default) { %extend theStyles }