您好,匿名用户

不用js的情况下,我想在鼠标悬停元素A时改变元素B的样式,如display,应该如何实现?

0 投票

我的思路其实是选择器选择A元素hover后选择B元素,但实际上不起作用,而且好像语法上有点冲突??

结构大概如下

<div class='A'></div>
<div class='B'></div>

我的思路。。

.A:hover .B{
    display:block
}
用户头像 提问 2019年 5月24日 @ Viktor 中士 (1,270 威望)
分享到:

1个回答

0 投票
 
最佳答案

按你的思路 选择的是A的子元素B.
实际上B是A的同级兄弟元素

两元素为兄弟关系时 应该使用+号连接以改变后边的元素样式

.A:hover+.B{
    display:block
}
用户头像 回复 2019年 5月24日 @ Warwick 中士 (1,306 威望)
选中 2019年 5月12日 @Viktor
提一个问题:

相关问题

0 投票
1 回复 19 阅读
0 投票
1 回复 14 阅读
0 投票
1 回复 43 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

IT技术交流群 - 随意问
欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...