IE/EdgeでCSSが更新されませんか？ここ

Question

は、私が隣人の表示状態に応じて、CSSルールを持っているJsFiddle

です：

#top:not([style*="display: none"]) + #bottom { 
    color:red; 
} 

私は「#topトップ」は、CSSルール以降の色の変化をJavaScriptを使用してDIV隠しますもう有効ではありません。 これは、Internet ExplorerとEdgeではそうではありません。何か間違っているのですか？これはマイクロソフトのブラウザのバグですか？

Answer 1

私はこのアプローチを避けるため、it's somewhat fragileとします。代わりに、明示的に親要素または#topトップにクラスを切り替えて、それに基づいて、あなたのCSSの変更を行います。

body.toggled #bottom { 
    color:red; 
} 
body.toggled #top { 
    display: none; 
} 

$("#btn").click(function() { 
    $('body').toggleClass('toggled'); 
}); 

Demo