css - 一个 Div 的存在导致另一个 div 可见

Question

所以这听起来可能有点奇怪，但我正在尝试自定义一个预制的日志平台，并且我想让一个带有 ID 的 div 在存在一个带有 ID 的完全独立的 div 而我不存在时可见确定如何编写该 CSS，或者是否可能。我真的不能使用 javascript。

所以基本上如果 X div 存在则 Y div 显示:内联否则 y div 显示:无；

这有意义吗？可能吗？

HTML 看起来是这样的:

<div id="container">
  <div id="main">
    <div id="sidebar"></div>
    <div id="content">
      <div id="pdfViewer"></div>
    </div>
   </div>
</div>

当“pdfViewer”存在时，我想打开“sidebar”。

Answer 1

查看 The 30 CSS Selectors you Must Memorize

#X #Y 如果 Y 是某处的 child

#X > #Y 如果 Y 是直系 child

#X + #Y 如果 Y 是相邻的兄弟

#X ~ #Y 如果在 X 之后存在多个 Y

如果我理解正确的话，这应该可以工作，因为只有当 #X 存在时，Y 才会与 display: inline; 匹配，否则你设置 # Y 到 display: none; 默认