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

Question

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

所以基本上如果X div存在则Y div显示：inline否则y div display：none;

这有意义吗？有可能吗？

以下是HTML的外观：

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

当“pdfViewer”出现时，我想打开“侧边栏”。

Answer 1

查看The 30 CSS Selectors you Must Memorize

#X #Y如果Y是某个地方的孩子

#X > #Y如果Y是直接孩子

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

如果在X

之后存在多个Y，则

#X ~ #Y

如果我理解正确，这应该有效，因为仅当display: inline;存在时，Y才会与#X匹配，否则您将#Y设置为display: none; }作为默认