100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 想用纯css实现划过显示下拉的效果【HTML】

想用纯css实现划过显示下拉的效果【HTML】

时间:2019-06-18 00:02:13

相关推荐

想用纯css实现划过显示下拉的效果【HTML】

web前端|html教程

我想用纯css实现划过显示下拉的效果

web前端-html教程

购物网站特效源码,ubuntu安软件下载,tomcat解压路径带星号,爬虫ip在哪里,php是一种用于创建,移动seo排行lzw

Untitled Document.outer{width:200px;background:yellow;}.inner{background-color:red;display:none;}a:hover .inner{display:block;}

aaaaaaaaaaaa

这里想鼠标划过显示

为什么没有用呢这样写???????????????

源码破解,vscode 颜色插件,ubuntu汉化,tomcat日志分割,sqlite 操作类,网页设计中字体样式,数据库的种类包括,cdn服务器识别,微信扫码登录插件,最好前端框架,vps 爬虫,php 合并,360seo,springboot注解 作用,html标签大全,ios源代码网站,移动网页模版,h5专题模板,dedecms 后台数据统计,js 隐藏子页面的div,老y文章管理系统 收录,分布式压缩感知 matlab程序lzw

回复讨论(解决方案)

linux下c实现udp打洞源码,vscode免费下载中文版,ubuntu可以干嘛,tomcat移除项目失效,爬虫创业失败,php最简单代码,黑龙江seo推广如何收费,模板网站系统lzw

a:hover .inner LZ明白这个什么意思么

这个等价于 a:hover 下所有的 .inner

很明显 你的布局不是这种关系

大神我明白你的意识了,是我后代选择器用错了,但是css里如果要表示当什么发生时用什么技巧呢?例如我的例子里想表达当a划过时父div显示怎么表示呢

你父元素都隐藏起来了,a都看不到,你如何做到鼠标滑过?

body > div { position:relative; } div > div { display:none; border:1px solid #ccc; padding:10px; } a:hover+div { display:block; }

google chrome

hello world

上面的

不是我加的。

目前据我所知,我还不知道有什么办法可以选择一个同胞元素的前一个元素。

我只知道相邻同胞选择器,一般同胞选择器,都是向后选择,向你原来代码那样,要求选择前一个元素的我还真不知道有没有这种选择器。

所以a和div的顺序换了下。

我终于明明白了,各位好心的哥哥们,我的天啊,有一种想死的冲动啊。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。