如何使用css隐藏html页面上除一个div之外的所有元素？

Question

<div>作为更大问题的一部分，我试图将所有内容隐藏在一个 html 期望中。我试过了...

body * {
  display: none;
}
#someTable, #someTable * {
  display: block !important;
}

但它不起作用。我究竟做错了什么？

Answer 1

您可以使用伪类 ':not()'

<style>
   body *:not(.myDiv) {
        display: none;
    }
</style>


<div>1</div>
<div class="myDiv">2</div>
<div>3</div>