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

Question

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

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>