当前位置: 代码迷 >> HTML/CSS >> 伪种选择器和内联元素的一点点小困惑
  详细解决方案

伪种选择器和内联元素的一点点小困惑

热度:4778   发布时间:2013-02-26 00:00:00.0
伪类选择器和内联元素的一点点小困惑
第一个问题
#nav li a:link{
    display:block;
    width:90px;
    height:37px;
    background:url(images/nav_bg.gif);
}
#nav li a:hover{
    background:url(images/nav_on.gif);
}

这段代码中为什么第二个不写#nav li这样的关系就不能用呢?不写的话不是说明页面内所有的a:hover属性都可以用吗?
第二个问题
<style type="text/css">
#g1{
    background:red;
}
</style>
</head>

<body>
        <span>
        第一行<br />
        第二行<br />
        第三行<br />
        </span>
        <div id="g1">我是块状</div> <br />
        
</body>

内联元素的时候老师讲 一大段文字后与下面的块状元素会有一个明显边距,我随手就输入代码未发现边距,只发现后来的图片元素后与块状元素之间有边距,请问这是为什么呢?是因为不同的元素不同的效果吗?
伪类选择器 内联元素

------解决方案--------------------------------------------------------
第一个问题:经测试,不写#nav li是可以的。。。。。理论上也是行得通的,不知道楼主什么情况了,或者把整段代码写下来研究下。。。
第二个问题:不明白楼主的老师说什么,CSS输入以下,就知道什么情况了:

#g1 {
   border:1px dotted #0c0;
}
span {
border:1px dotted #c00;
}
  相关解决方案