CSS セレクター (要素に特定の親がない場合)

Question

要素に特定の親要素がない場合、元の値に上書きせずにその要素のスタイルを変更したいと考えています。

https://jsfiddle.net/xqb2z8tc/を参照 上記のコードの問題は、ミックスインを多用しているため、大量の CSS が生成されるため、書き直す必要があることです。 ':has()' セレクターを使用することを考えました (ブラウザーのサポートは問題ありません) が、方法がわかりません。

以下のコードに似ていますが、どのような場合でも機能するはずです。上記の jsfiddle を参照してください。

ああああ

Answer 1

質問の私の解釈に基づくと、color: #fff を .dark-view## のすべての

要素に適用したいようです。 # は .obox 要素の子孫ではありません。この場合、セレクター .dark-view p:not(.obox *): の使用を検討してください。

リーリー リーリー