兄弟级别的hover控制
来源:互联网 发布:淘宝二手单反哪家靠谱 编辑:程序博客网 时间:2024/05/17 05:09
这种不通过JS脚本,仅通过CSS实现有两种方法:
1、如果你#b元素是#a元素的子元素,可以直接通过 #a #b {...}这种方式定义CSS样式来控制
2、#a与#b是亲兄弟关系,有相同的父节点,且#b跟#a紧临,可以通过 #a + #b{..}来控制#b里面的元素样式;
下面给出第二种方式的示例:
<style>
#a {color : #99ff66;}
#a:hover + #b{color : #FF0000;}
</style>
HTML元素:
<div id='a'>元素1</div>
<div id='b'>元素2</div>
<div id='c'>元素3</div>
如果上面的b与c调换位置则对应的CSS设置将不生效。
1、如果你#b元素是#a元素的子元素,可以直接通过 #a #b {...}这种方式定义CSS样式来控制
2、#a与#b是亲兄弟关系,有相同的父节点,且#b跟#a紧临,可以通过 #a + #b{..}来控制#b里面的元素样式;
下面给出第二种方式的示例:
<style>
#a {color : #99ff66;}
#a:hover + #b{color : #FF0000;}
</style>
HTML元素:
<div id='a'>元素1</div>
<div id='b'>元素2</div>
<div id='c'>元素3</div>
如果上面的b与c调换位置则对应的CSS设置将不生效。
0 0
- 兄弟级别的hover控制
- hover对同级兄弟元素以及子集元素的操作
- 控制兄弟frame的大小
- 事务的级别控制
- 通过CSS3的hover一个元素使其兄弟元素也相应改变某种属性
- Project级别的权限控制
- Project级别的权限控制
- inut按钮hover时变化的css控制方法
- 初级轮播图的实现,没有hover,click控制(jQ)
- css元素hover時控制另一个元素的显示隐藏
- 图片级别控制器,用来控制Drawable的级别
- 兄弟选择器和相邻选择器按正序控制兄弟元素和相邻元素的样式
- frameset下frame控制兄弟框架的显示与隐藏
- 分享:Project级别的权限控制
- linux内核的带级别控制
- 访问修饰符的控制级别
- Java的protected访问控制级别
- 实现基于url级别的权限控制
- 关于 display:inline-block
- java后台代码常备记录总结
- CodeForces 148D Bag of mice 概率dp!!
- RabbitMQ 内部实现
- 文件拖放操作
- 兄弟级别的hover控制
- 母函数
- mongodb安装及使用
- easyUI的鼠标右键展示菜单(treegrid和datagrid)
- Maven知识整理
- eclipse中导入cocos2dxDemo HelloCpp遇到的问题及解决办法
- 1088 神经网络 2003年NOIP全国联赛提高组
- C++ 编写一个不可复制的类
- 解决sql update 1292 - Truncated incorrect DOUBLE value: