SASS条件：プロパティ値を別のプロパティ値に基づいて設定します

Question

私は、モバイルナビゲーションにslideout.jsを使用しています。各ページが読み込まれると、メニューが一時的に点滅し、ハンバーガーボタンがトグルされるまで消えます。ナビゲーションを含むdivをdisplay：noneに設定した場合、これは起こりませんが、もちろんメニューを開くとリンクが表示されません。その後、

.mobile-nav should be set to display: none; 

Answer 1

CSSが起こる変化に反応することはできません

if .slideout-menu is not set to display: block 

：

私の質問は、私は2つの別々のクラスに次のロジックを実行し、条件を作成することができ、サスを使用して、あります残念ながら、あなたはそれをそのようにターゲットにすることはできません。 slideout.jsは、スライドアウトメニューのスタイルを変えるためにクラスを追加します。

はこのような何か試してみてください：

.slideout-menu .mobile-nav { 
    display: none; 
} 
.slideout-open .slideout-menu .mobile-nav { 
    display: block; // or whichever display property you need 
} 

がhttps://slideout.js.org/