css的hover事件 鼠标滑过让该元素的子元素或者其他元素演示该表

转载 2016年08月31日 08:29:14
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.hoverfa>a{ text-decoration:none; color:#000;}
.hoverfa:hover{ border-bottom:#6CF 1px solid; }
.hoverfa:hover a{ color:#6CF; text-decoration:none;}
.hoverfa:hover span{ color:#FFF; background:#6CF;}

.hoverfa:hover +.hoverfa1{ background:#FC6;}
</style>
</head>


<body>
<div class="hoverfa">
<span>实时动态1</span>
<a href="#" class="admin_icon">实时动态1实时动态1实时动态1实时动态1实时动态1</a>
</div>


<div class="hoverfa1">
<span>实时动态2</span>
<a href="#" class="admin_icon">实时动态2实时动态2实时动态2实时动态2实时动态2</a>
</div>
</body>
</html>

相关文章推荐

IE6下hover伪类显示隐藏子元素bug及解决方案

周所周知,ie6只有a元素支持hover伪类,在实际应用中,为了兼容ie6,有时候会使用a元素来做子元素的显示及隐藏,比如下图: 黄色小tips默认隐藏,鼠标hover到“促”字图标后,...

CSS中hover改变子元素和其它元素样式

#a {color : #FFFF00;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} ...

纯CSS实现手风琴效果

转自:http://www.2cto.com/kf/201402/281215.html

兄弟级别的hover控制

不通过JS 控制相邻级别hover伪类

鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态

html的示例代码: css代码:.element{ display:none; //元素默认是隐藏的 }//当鼠标经过兄弟元素brother-showin...

SQL state [72000]; error code [1460]; ORA-01460: 转换请求无法实施或不合理

tomcat 上一个 应用  在  发布内容的长度长于 一定长度  时候 报错 操作失败:org.springframework.jdbc.UncategorizedSQLException: ##...

jquery鼠标悬停和离开事件(可用于下拉菜单等)

总是会把这个用法给忘了,记录下 应用场景:鼠标悬停到某元素,显示一个div,移开的时候这个元素消失。这是典型的应用场合,主要就是鼠标悬停的一个效果和鼠标移开的效果  直接代码贴上来...
  • ROVAST
  • ROVAST
  • 2015-10-02 11:19
  • 30463

jQuery鼠标悬停事件.hover()用法说明

在JQuery中提供了hover事件,以简化Dom中的mouseenter(鼠标进入),和mouseleave(鼠标离开)事件,hover的第一个参数(匿名方法)表示mouseenter,第二个参数表...

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)