| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1580 人关注过本帖
标题:关于 hover 的用法
取消只看楼主 加入收藏
素面修行
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2014-6-18
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:1 
关于 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: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2014-6-18
收藏
得分:0 
回复 2 楼 寒风中的细雨
想要鼠标移到第一个方块时 第二个方块要变色  但是为什么用.div1:hover ~div{background-color: red;}可以实现
用这句.div1:hover .div2{background:#90F;}  就不可以呢?   谢谢你
2014-06-22 11:53
快速回复:关于 hover 的用法
数据加载中...
 
   



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

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