问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

纯CSS实现:用一个元素的hover控制两个元素,比如有A和B两个元素,鼠标移到A上,A变红,B变蓝。

发布网友 发布时间:2022-04-06 10:53

我来回答

3个回答

热心网友 时间:2022-04-06 12:22

css的选择符只能是从父到子,从上到下的顺序。
只有当b元素是a元素下面的兄弟元素,或者b元素是a元素的子元素的情况才能实现鼠标移到A上,A变红,B变蓝。

<style type="text/css">
.a:hover { background-color: #f00; }
.a:hover~.b { background-color: #00f; }
</style>
</head>
<body>
<div class="a">aaa</div>
<div class="b">bbb</div>
</body>

热心网友 时间:2022-04-06 13:40

<a>红<span>蓝</span></a>

a:hover{color:red;}
a:hover span{color:blue;}

热心网友 时间:2022-04-06 15:15

纯 CSS 无法实现追问那能控制这两个元素进行同一个变化吗,比如碰第一个,第一个和第二个一起变蓝,第一个第二个使用同一个class能做到吗

追答也不行啊 =-=
.类名:hover 也没用的

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
山外面包一个病旁是什么字 我的笔记本电脑显示电源的灯一直在绿色和橘红色之间闪烁,这是怎么回事... 笔记本电脑3个灯笔记本电脑这几个指示灯分别是啥意思 ...我的y470.第3个指示灯是橘红色的,开不了机,不知道怎么了?就开不了... QQ空间皮肤的代码是怎么放进去的啊. 为什么我在地址栏中输入皮肤代码按回车键,但一按空间就没有了 请教个问题哈~关于qq空间背景代码的,我在IE栏里输了代码,为啥每次弹出 ... win10删除多余的输入法 win10怎么删除多余的输入法 win10输入法怎么删除 win10输入法删除方法 如何做出爽口不腻、口味纯正的孟和尚粉肠? 监控视频线是什么接4支 安装监控摄像头得视频线能有接头吗 监控摄像头不用莲花视频线直接用天线插头和电视连接可以吗? 监控视频线能接吗 监控视频线为什么不能接接头 监控视频线可以接起来用吗 监控的线是几个芯的?中间能接吗? 监控的视频线可以接吗,可以的话应该怎么接? 有实力、有冲劲、有主见,哪些星座一身傲骨,绝不向世俗妥协? 如来把孙悟空压五行山,不是惩罚而竟是保护?如来为何要保护他? 哪位能把余光中先生的《高速的联想》这篇文章发给我,不胜感激。 唐僧一生只撒了一次谎,却骗了孙悟空一辈子,他撒了什么慌? 为什么实力不凡的马超却一直没有得到重用壮年就去世了? 我要请教大家 男生发消息给女生“还记得我吗”什么意思? 倔强性格的词语 含有驯、榛、榉、栗、矫、缨、舵、苔、藓、狭、勉的成语,越多越好! 性格不同可以用什么成语 桀骜()() 这四个字读音怎么读 中华字典中意思是什么? 桀骜难驯的侄儿有什么所成 求一篇论文 大学生活的 用SWOT分析法分析 如何用矛盾观点和矛盾分析法分析日常生活中发生的事情,如何举例说明? 用矛盾分析法解释生活中一个例子 矛盾分析法能解决生活中遇到的问题吗? 什么是动态分析 请用矛盾分析法,剖析你的大学生活。 列举一个事例,说明你在生活中是如何分析具体问题的 一般环境分析方法怎样指导大学生活? 用四象限分析法分析现实生活中的例子 管理学盈亏平衡分析法在现实生活中的具体案例 怎么在电脑上查社保卡 ae卸载后残留文件在哪里 为什么AE卸载了还在? AE安装之后的文件彻底删除了,但是没卸载,又想重新安装安不上了怎么办 如何完全卸载AE中安装的插件 关于AE卸载不干净的问题【Program Files&#47;Common Files&#47;Adobe】是整个文件夹全部删吗?里面好像还有别的软 如何卸载C盘里面AE没有卸载完的东西 则么能把AE卸载干净? 装AE出现如下情况怎么办,在360什么搜索都显示卸载干净 怎样写一篇新闻?