我想设置我的页面,以便当用户将鼠标悬停在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>