标题:关于 hover 的用法
只看楼主
素面修行
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2014-6-18
结帖率:100%
已结贴  问题点数:20 回复次数:7 
关于 hover 的用法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1{width:200px;height:200px;background-color: blue;}
.div2{width:200px;height:200px;background-color: yellow;}
.div1:hover ~div{background-color: red;}/*为什么用~div呢?*/
/*.div1:hover .div2{background:#90F;}  为什么此句不可以呢?*/
</style>
</head>

<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
搜索更多相关主题的帖子: background content yellow PUBLIC style 
2014-06-18 18:00
寒风中的细雨
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:66
帖 子:1710
专家分:8645
注 册:2009-9-15
得分:10 
想要什么效果呀?
2014-06-19 09:11
素面修行
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2014-6-18
得分:0 
回复 2 楼 寒风中的细雨
想要鼠标移到第一个方块时 第二个方块要变色  但是为什么用.div1:hover ~div{background-color: red;}可以实现
用这句.div1:hover .div2{background:#90F;}  就不可以呢?   谢谢你
2014-06-22 11:53
ddyy
Rank: 7Rank: 7Rank: 7
等 级:黑侠
帖 子:111
专家分:518
注 册:2014-6-21
得分:10 
想通过第一个色块的事件来操作第二个色块的样式,最好用javascript实现,用jquery更方便,仅仅用css来实现不方便
2014-06-22 13:16
keefelu
Rank: 2
等 级:论坛游民
威 望:2
帖 子:27
专家分:40
注 册:2014-8-12
得分:0 
.div1:hover .div2写法错误,要用逗号隔开,用来定义div1:hover和div2的样式.div1:hover .div2写法错误,要用逗号隔开,用来定义div1:hover和div2的样式.div1:hover .div2写法错误,要用逗号隔开,用来定义div1:hover和div2的样式.div1:hover .div2写法错误,要用逗号隔开,用来定义div1:hover和div2的样式

[ 本帖最后由 keefelu 于 2014-8-22 14:25 编辑 ]
2014-08-13 17:55
casperhe01
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2013-1-14
得分:0 
要看实现什么效果,一般对div的样式改变的话,用Javas比较好。用css多用于对div中某些元素的hover效果,如a,ul,li等。
2014-08-29 09:33
qianrenzhang
Rank: 2
等 级:禁止访问
帖 子:34
专家分:59
注 册:2015-1-26
得分:0 
跟着学习的飘过、
2015-01-26 14:01
qianrenzhang
Rank: 2
等 级:禁止访问
帖 子:34
专家分:59
注 册:2015-1-26
得分:0 
ding
2015-01-27 01:11



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-433109-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.199739 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved