我想设置我的页面,以便当用户将鼠标悬停在div中的链接上时,主体背景的颜色发生更改,但仅在悬停时才会更改。这是CSS

body {
  background-color: black;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

最佳答案

实际上,您要使用CSS做的事情是不可能的,因为您正在询问是否有父选择器,但我们可以使用一些解决方法。

这是一个我使用a中的伪元素的想法,使它覆盖整个身体,并且它的行为与身体的背景相同:



a {
  color: white;
  text-decoration: none;
}

a:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  z-index: -1;
  pointer-events:none;
}

a:hover::before {
  background: red;
}

<a href="#">link</a>

07-24 09:48
查看更多