<div class="A">
<span class="a"></span>
</div>
<div class="B">
<span class="b"></span>
</div>
我想要b:hover时控制a的变化，这既不是父子也不是兄弟，没有不用js就可以控制的办法，求解！！
-
-
我想要b:hover时控制a的变化，这既不是父子也不是兄弟，没有不用js就可以控制的办法，求解！！展开阅读全文
-
等级
本版专家分：410 -
scss b:hover {
a{}
}
-
等级
本版专家分：3186 -
<body>
<div class="B">
<span class="b">bbbbbbbbbbbbbb</span>
</div>
<div class="A">
<span class="a">aaaaaaaaaaa</span>
</div>
<h1>A要在B的下面才生效 而且a和b之间没有其他元素，实用性不大 </h1>
</body>
<style>
.b:hover +.A .a {
background:#000;
}
</style>
-
等级
本版专家分：155勋章
-
- 签到达人
-
- GitHub
-
-
试了一下没有效果，我大概查了一下，纯css无法控制没有关系的元素，要么父子，要么兄弟，除此之外就没有了
- javascript 改变样式之后，css的:hover功能失效，可以附加!important
javascript 改变样式之后，css的:hover功能失效，可以附加!important
- HTML中a:link,a:visited,a:hover,a:active
原文地址：http://www.cnblogs.com/yangfeng/archive/2009/07/25/1530962.html １：解释 link:连接平常的状态 visited:连接被访问过之后...hover:鼠标放到连接上的时候 ...:hover版本：CSS1/CSS2 兼容性：IE4+
- li:hover使li中a标签颜色改变
最近写一个页面时，在li中有多个a标签，想要鼠标移上去后li背景颜色改变且里面所有的a标签字体颜色也改变，以下是原本自己写的代码结构 //html代码 <ul> <li> <a href="#">炸鸡</a>/ ...
- 谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序
自学前端的这条路上，还在基础部分打转，未来好难，走好现在脚下的每一步才是我现在最重要的。小小地感慨一下，下面进入正题吧。 1. <a>标签 我们先说一说<a>标签是干啥用的。 ...
- li:hover与a:hover的区别
ul.two { display:none; } li#one:hover { display:block } ...如果用a#a1:hover来控制列表的颜色， ...那么当光标移动到ul.two时，就会失效，因为光标离开了a#a1,a#a1:hover
- a:hover 失效问题
写了几个a标签，但发现对其应用hover伪类时，并不起效果，然后写了简单的代码测试一下 <a href="#">地阿玛尼我</a> 然后对其增加hover伪类 a: hover { color: aqua; } ...
- 2020年前端面试题及答案
前端面试汇总（2020年） 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 ...由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...
- CSS定义中a:link,a:visited,a:hover,a:active
CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思? 假如CSS放在Style文件夹下，页面引用时： <link href="Style/a.css" rel="stylesheet"type="text/css" /> <link href="Style/b.css" rel=...
- a:link a:visited a:hover a:active 样式顺序
1. a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的 2. a:active 必须被置于 a:hover 之后，才是有效的
- 2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
近期总结一一些面试题 都是企业的...部分都是百度的答案，不是特全面的，可以自己找下 同时分享一个自己录制的CSS3动画特效经典案例【推荐教程】--后期会更新vue框架 微信小程序等内容。 https://ke.qq.com/cou...
- 用纯css中hover来显示和隐藏其他元素，如子元素，兄弟元素等（不用js，jq做展示或隐藏）
用纯css显示和隐藏其他元素，别的不说，上代码做笔记 <!DOCTYPE html> <html lang="en"> <head>...meta name="viewport" content="width=device-width, initial-scale=1.0">...
- table中tr:hover无效 td:hover有效
给table设置鼠标滑动过的效果，发现tr:hover不起作用，但是改成td:hover就能起作用。 查资料后发现原因是td的背景色会覆盖tr的背景色，所以，解决方法是在tr:hover后加上样式：tr:hover td{background:none;} .....
- css3 选择器 简单的分页 css选择器 ul.pagination li a:hover:not(.active) 选择除了类名为 active的项目
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 分页&...css/sty
- hover属性不起作用？？css中使用hover属性控制同级元素，只需加个 " + "即可
当使用hover控制同级元素：鼠标浮上box1时box2 <div class="box1">box1</div> <div class="box2">box2</div> 解决办法： .box2 { display: none; } .box1:h...
- 关于li标签中含有a标签下li:hover无效
关于li标签中含有a标签下li:hover无效
- CSS: hover选择器控制子元素的出现和隐藏
前两天不知道是哪位同学问的问题，鼠标滑过一个div的时候，怎么控制子集元素属性的出现和隐藏，然后我说用用mouseover和mouseout这两个鼠标事件就行，那如果js不怎么熟悉的时候，可以用CSS: hover方法来写吧。...
- JavaScript如何设置hover属性?
而要想有这个效果我们可以直接给元素注册一个onmouseover（鼠标进入）和onmouseout（鼠标离开）事件，然后在事件处理函数中改变标签的样式，这样就可以有hover属性了。 例如： <body> <ul> <li>...
- 关于css的:hover失效问题
1、关于hover失效的问题 ********************************我是分割线******************************************************************************************* 1、网上百度的原因一般有如下几种种， 第一...
- css属性：hover
div class="detail_list_icons"> div class="detail_list_icon"> img class="detail_list_image" src="{% static 'images/initiate1.png' %}"> a>分布式文件系统概述a> div> div class="detail_list_icon">
- 在css中使用hover来控制其他元素的样式，该两个元素必须是父子元素
.col-3:hover .check-box { display: block; } 在css中使用hover来控制其他元素的样式，该两个元素必须是父子元素！！！！ 转载于:https://www.cnblogs.com/xiaozhumaopao/p/6483363.html...
- css一元素hover状态控制另一元素显现
.delIndex { //目标元素默认不显现 display: none; } .historyPanel:hover .delIndex { //对目标元素的父标签添加hover状态，控制目标元素显现 display: block; } ...
- CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思?
CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思? 假如CSS放在Style文件夹下，页面引用时： <link href="Style/a.css" rel="stylesheet"type="text/css" /
- CSS中定义a:hover , a:visited , a:actived
以前用CSS一直没有遇到过这个问题，在最近给一个本科同学做的项目里面。出现一些问题，搜索引擎查了一些网站和资料，发现很多人问到这个问题，给出的结果我试了试，大部分都不正确。 给出我试的顺序，可能会对...
- CSS hover 父对子、子对父、同级之间的控制
是指父元素触发hover事件，并且控制父元素中的子元素做出响应。 <div class="d1"> <p class="p1">hello</p> </div> .d1:hover .p1{ color:#fff } 当鼠标移入d1时触发hover事件，其子...
- 纯CSS: hover特效
//样式++ <style> /*animation: name duration timing-function delay iteration-count direction; animation-name 规定需要绑定到选择器的 keyframe 名称。。 animation-duration 规定完成动画所花费的...
- 关于 :hover 失效问题，亲历之痛，分享以便惠及他人，少走弯路（仅个人意见，观点可能片面，自行理解）
首先，关于:hover 要先了解他的规则。 在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！这一点很重要 要实现的效果如下：鼠标移动到 标签上面（不一定是a 标签），展开列表项 图片1 最初...
- ::before / ::after怎么使用hover
伪类是不支持hover的，但是，可以给div加hover。 其实就是 div:hover:before{ …代码 } 这样写的意思是div2 hover状态下的before怎样怎样 代码展示为 table{ width:100%; height:100%; ...
- a:link{ 超链接 }样式在浏览器中颜色没有变化的原因？
问题：我们都知道链接的样式在设置的时候可以有四种状态， a:link{} 或者a{} 设置链接的颜色 ， a:visited{} 设置点击链接之后显示的颜色 ， a:hover{} 设置光标悬停在链接上时显示的颜色 ， a:active{} ....