#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}(这句话在代码中用粉红色高亮显示)
这句话帮我解释哈
尤其是 " 空格+:hover div "不解其意
为什么这一句话就可以控制鼠标经过时不同链接的变化(我分别去掉与不去掉测试过)
以下是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
<style type="text/css">
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}
#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}
#hoverpage ul#outer li.page {display:inline;}
我想做的是这样一个效果，你左边做的是导航菜单，假如有若干个超级链接，点击某个后这个链接的内容要到右边显示。当然这个功能可以使用Html中的 frame框架实现，但是现在有很多的浏览器不支持这种frame，能不能用css ......
<div style ="width:538px; height:150px; border:solid 1px gray; padding:10px;">
<div style =" width:230px; height:150px; float ......
