Html 不能同时放置超链接和一般同级组合符吗？

嘿，伙计们，我对css真的很陌生，所以我会尽我所能解释这一点

我正在尝试创建一个图像超链接.link，这样每当我将鼠标指针悬停在它上面，.link和.picture都会更改它们的图像。但我仍然希望超链接是可点击的

.图片{ 背景图片：url'imageB1.jpg'； 宽度：100px； 高度：100px； } .链接{ 背景图片：url'imageA1.jpg'； 宽度：100px； 高度：100px； } .link:悬停{ 背景图片：url'imageA2.jpg'； } .链接：悬停+.图片{ 背景图片：url'imageB2.jpg'； }

---

我不确定是否可以从一个兄弟姐妹中选择一般兄弟姐妹组合，但您可以使用不同的方法

当将elementa和div包装到另一个div元素时，您可以选择父类为.container类的所有.pictures类，如下所示

.picture {
  background-image: url('DSC_0268.jpg');
  width: 100px;
  height: 100px;
}

.link {
  background-image: url('DSC_0268.jpg');
  width: 100px;
  height: 100px;
}

.link:hover {
  background-image: url('db 2 assignment schedule.png');
}

.container:hover > .picture {
  background-image: url('db 2 assignment schedule.png');
}
</style>

<div class="container">
<a href="destination.html">
  <div class="link"></div>
</a>
<div class="picture"></div>
</div>

寻找可以在css中使用的选择器

---

我想这会满足你的愿望

我不确定是否可以从一个兄弟姐妹中选择一般兄弟姐妹组合，但可以使用不同的方法

当将elementa和div包装到另一个div元素时，您可以选择父类为.container类的所有.pictures类，如下所示

.picture {
  background-image: url('DSC_0268.jpg');
  width: 100px;
  height: 100px;
}

.link {
  background-image: url('DSC_0268.jpg');
  width: 100px;
  height: 100px;
}

.link:hover {
  background-image: url('db 2 assignment schedule.png');
}

.container:hover > .picture {
  background-image: url('db 2 assignment schedule.png');
}
</style>

<div class="container">
<a href="destination.html">
  <div class="link"></div>
</a>
<div class="picture"></div>
</div>

寻找可以在css中使用的选择器

---

我想这会满足你的愿望

移动。里面也有图片。谢谢。图片现在开始改变，虽然我只希望这样。链接可以点击。你也能帮我吗还有里面的照片谢谢。图片现在开始改变，虽然我只希望这样。链接可以点击。你也能帮我吗D