应用错误收集

我已经在how to hide a div with css上检查了问题和后续回答，但如果不同的元素不在同一个父母下面，我无法弄清楚如何使其发挥作用。例如：

<head>
  <style>
    section .city {
      display: none;
    }

    nav .london:hover ~ section .london {
      display: block;
    }
  </style>
</head>

<body>
  <nav>
    <div class="city london">London</div>
  </nav>
  <section>
    <div class="city london">
      <p class="text">London text etc.</p>
    </div>
  </section>
</body>

在这里，我只想在导航部分中的相应div被悬停时才显示.text元素。没有nav＆amp;部分区域，因为div成为兄弟姐妹，但是如何在仍然使用nav和section标签时获得相同的行为？

使用CSS

0 个答案: