css hover控制其他元素
2016-08-22 15:29
232 查看
<html>
<body>
<style>
#a:hover {color : #FFFF00;}
#a:hover > #b:first-child{color : #FF0000;}
#a:hover > #b{color : #FF00FF;}
#a:hover + #c{color : #00FF00;}
#a:hover + #c > #b{color : #0000FF;}
</style>
<div id='a'>元素1
<div id='b'>元素2</div>
<div id='b'>元素2</div>
</div>
<div id='c'>元素3
<div id='b'>元素2</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【笔记】css hover 伪类控制其他元素
- css的hover事件 鼠标滑过让该元素的子元素或者其他元素演示该表
- css之hover改变子元素和其他元素样式
- 通过 :hover 伪元素控制其他元素
- 利用CSS hover伪类改变其他元素的总结
- jquery控制css的display(控制元素的显示与隐藏)
- 通过使用jQuery和CSS控制元素对齐来学习jQuery插件写法
- 6种CSS控制元素上下居中效果
- HTML CSS 控制浮动元素居中
- 转：使用jQuery和CSS控制元素对齐
- CSS调试小技巧 —— 调试DOM元素hover,focus,actived的样式
- jquery控制css的display(控制元素的显示与隐藏)
- csshover.htc 以及简单使用方法（解决IE6下 :hover 在其他标签下无效问题）
- 元素并列时，CSS控制边框不重叠显示
- css hover对其包含的子元素进行样式设置示例
- js css 实现遮罩层覆盖其他页面元素附图
- css控制div中元素居中的示例
- CSS实例：元素之间margin边距控制的思路
- 使用jQuery和CSS控制元素对齐
- inut按钮hover时变化的css控制代码