标题:关于 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



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




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

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