将鼠标悬停在另一个元素上时如何选择一个元素?

时间:2020-12-19 12:20:29

标签: html css

当我将鼠标悬停在 element2 上时如何选择 element1?

我需要仅使用 CSS 的解决方案。 这意味着我不想使用任何 JavaScript。

<!DOCTYPE html>
<html>

<head>
  <style>
    .element2:hover+.element1 {
      color: red;
    }
  </style>
</head>

<body>

  <div>
    <p class="element1">Hello</p>
    <p class="element2">Hello</p>
  </div>

</body>

</html>

0 个答案:

没有答案
相关问题