：hover 伪类选择器利用：hover关于悬停元素隐藏，鼠标悬停在父元素，打开后代子元素，为什么这个后代子元素不能用后代选择器来书写

：hover 伪类选择器
利用：hover关于悬停元素隐藏，，鼠标悬停在父元素，打开后代子元素，为什么这个后代子元素不能用后代选择器来书写，会无效

searchbox是li的子集，鼠标悬停在li上打开searchbox，以上那个写法无效，

这样写才有效，为什么

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

5条回答默认最新

Ko-walski 2022-10-04 22:56

关注

.search ul li:hover .search ul li .searchbox {
            display:block;
        }
上面这 display:block; 作用于.search ul li .searchbox这四个元素标签甚至还有span 
但是实际初次定义隐藏的只有.searchbox标签的元素 其他元素一开始就是display:block; (可以F12去后台看)
但是执行要变成block 所以浏览器无法解释CSS样式 就不会继续执行下面的子元素

报告相同问题？

关注问题

子元素hover更改父元素相邻元素的子元素样式 css javascript 有问必答
2022-10-24 02:01

回答 5 已采纳 JQ改变背景的写法： $('#Collections-1').hover(function(){ $("#hoverimg").css({"background-image":"url(.
：hover：：after伪元素样式生效但是不显示对应样式 css html 前端
2022-10-30 16:24

回答 4 已采纳最后的原因是图片路径错了。
怎么用css中的hover实现鼠标悬停子元素让祖先元素高度改变？ css
2018-10-23 13:48

回答 1 已采纳 css的选择符只能是从父到子，从上到下的顺序。无法根据子元素的状态来改变祖先元素。你的这个问题只能是改变:hover元素的下面的某个兄弟元素的高度，把祖先元素的高度撑起来。 ```
【前端开发】CSS中的:hover伪类选择器 你真的搞懂怎么去使用它吗？
2024-01-29 16:43

极客小俊的博客你到底会不会使用伪类:hover ?
CSS :hover之后移动到显示元素无法继续显示？ css css3 html5 有问必答
2022-04-03 15:36

回答 3 已采纳把二维码这个标签写到你:hover的标签里面
css的hover兄弟选择器怎么控制前面的元素 css3 html5 前端
2022-03-12 16:50

回答 2 已采纳 <div class="parent"> <div>第一个div<div> <div class="div2">第二个div<d
CSS3 :hover 因上层元素覆盖而无效，如何解决？ css css3 html
2022-04-04 17:46

回答 2 已采纳用z-index给层级关系
css伪类伪元素域高级选择器的介绍
2020-12-13 04:21

1. **子选择器 (`>`)** - 用于选取直接子元素，如`p>ul`只会选择`p`元素内的第一个`ul`，而非所有后代`ul`。 2. **同胞选择器 (`+`)** - 选取紧跟着指定元素的同级元素，如`h1+p`会选择所有紧邻`h1`的`p`元素。 3. *...
想实现鼠标Hover到一个元素上时，显示另一个元素 css html5 有问必答
2021-03-29 21:48

回答 5 已采纳上面有很多回答了，js和css都有，这种功能能用css还是建议css，css你是用的是子选择器`#p1:hover #list`，这就需要把list移动到p1里。除了子选择器还有兄弟选择器可以使用，比
内嵌CSS样式a:hover里写了边框颜色，但是打开之后鼠标悬停的时候边框还是没有颜色的，怎么改都没颜色，这是为什么 css
2020-02-19 14:43

回答 2 已采纳 a:hover里面的border只设置了1px，没有设置soild 实线，所以看不到边框
Selenium如何定位一个需要鼠标悬停才能出现的元素。 python
2021-02-04 10:40

回答 1 已采纳先用selenium 的悬停方法在该元素悬停一下，再定位悬停后出现的目标元素
CSS: hover选择器的使用详解
2020-09-24 19:43

在CSS中，`:hover`选择器是一个非常实用的工具，它允许我们为用户鼠标悬停在元素上时改变该元素或其相关元素的样式。`:hover`选择器的使用不仅简化了JavaScript的交互逻辑，还能提升页面性能，因为它无需额外的...
纯CSS 有没有办法实现：hover 菜单出来，点击菜单 hover效果消失，而不仅是鼠标移出后才消失？ css html 前端有问必答
2022-05-20 12:46

回答 7 已采纳纯CSS可以实现，用div:hover ul:not(:active){ display:block;} <!doctype html> <html lang="en">
jquery之Document元素选择器篇
2020-10-30 08:19

6. **后代选择器和子选择器**：使用空格（` `）和`>`来选取后代元素和直接子元素，如`$('div > p')`选取所有直接位于`<div>`内的`<p>`元素。 7. **伪类选择器**：如`:hover`、`:active`、`:focus`等，可以用于响应...
:hover伪类失效原因总结
2022-11-19 20:16

_Rachel的博客组合选择器用错这也是我这次犯得错误我本该用兄弟选择器 却用成后代这里我应该用 .art:hover+ul 而不是 .art:hover ul 写的CSS比较少的原因吧组合选择器 没掌握平常用的是空格一定要弄清楚这四个组合选择...
Web前端与移动开发之复合选择器 css元素显示模式背景属性.txt
2020-07-30 19:05

（2）子元素选择器（子选择器 重要）语法元素1>元素2{样式声明} 元素1和元素2用>隔开元素1和元素2是父子关系只选择父元素最近一级的子元素 即必须是亲儿子 选择器1 选择器2可以是任意基础选择器 （3）...
CSS：权威指南读书笔记第三章：伪类和伪元素选择器
2024-01-21 20:21

第二春1978的博客类似于选择元素的第一个和最后一个子元素，您可以在另一个元素内选择同一类型元素的第一个或最后一个。请注意，这不适用于整个文档；所示规则不会选择文档中的第一个元素并跳过所有其他元素。相反，它会选择每个...
2.5-CSS基础--复合选择器、hover伪类选择器
2022-07-24 13:55

秋枫 ~的博客后代选择器、子代选择器、并集选择器、交集选择器
复合选择器和hover伪类选择器的介绍与使用
2022-08-16 19:52

书_瑞的博客选中页面中同时满足多个选择器的标签，语法为选择器1选择器2，交集选择器两个选择器之间是紧挨着的，交集选择器中如果有标签选择器的话，必须把标签选择器写在最前面。可以同时选择多个标签，并设置相同的样式，格式...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已结题（查看结题原因） 10月5日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 10月4日

悬赏问题

¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
¥50 如何openEuler 22.03上安装配置drbd
¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
¥15 Windows11, backspace, enter, space键失灵

：hover 伪类选择器利用：hover关于悬停元素隐藏，鼠标悬停在父元素，打开后代子元素，为什么这个后代子元素不能用后代选择器来书写

5条回答 默认 最新

问题事件

悬赏问题

5条回答默认最新