Question

dreamweaver高手们,网页编写DIV+CSS问题

为什么在li里用class控制不了!

<li><a id="li_1" class="xin1" href="#" ><span>1</span></a></li>
CSS为:ul li a .xin1{background:url(images/daxin.gif) no-repeat; width:60px; height:50px;} 但是背景图片就是不出来
只有在:ul li{background:url(images/daxin.gif) no-repeat; width:60px; height:50px;}下面图片才会出来,,li里面的class怎么控制不了了!!

其它代码如下:<div id="main_body">
<div id="main_head">
<div id = "menu">
<ul id="ul_1">
<li><a id="li_1" class="xin1" href="#" ><span>1</span></a></li>
<li><a id="li_2" class="xin2" href="#" ><span>2</span></a></li>
<li><a id="li_3" class="xin1" href="#" ><span></span></a></li>
<li><a id="li_4" class="xin1" href="#" ><span></span></a></li>
<li><a id="li_5" class="xin1" href="#" ><span></span></a></li>
<li><a id="li_6" class="xin1" href="#" ><span></span></a></li>
<li><a id="li_7" class="xin1" href="#" ><span></span></a></li>
</ul>
</div><!--menu end -->
</div><!--main_head end -->
</div><!--main_body end -->
CSS为:#main_body{width:770px; height:auto; margin-top:8px;}
#main_head{background:url(images/ziye_head_bg.jpg) no-repeat; width:770px; height:156px;}
#menu{padding-left:202px; padding-top:50px; width:770px;}
#menu ul{float:left; width:450px;}
#menu ul li{float:left; height:50px; padding-right:8px;}
#menu ul li a .xin1{background:url(images/daxin.gif) no-repeat; width:60px; height:50px;}

高手们指点下~~!!!烦死我了!
谢谢下面两位~~~!!!wuniuu打字比较多,辛苦一点,分给他了,哈哈!!

Answer 1

这个问题很简单，a 是个内联，设置了长宽也是不支持的，必须把A变成块级元素，用DISPLAY:BLOCK;就可以了。还有一个就是你的class是放在a 里面的，必须写成a.xin1 a后面不能有空格。
你的那一句应该是这样写就可以了#menu ul li a.xin1{display:block;width:60px; height:50px;background:url(images/daxin.gif) no-repeat 0 0; }

Answer 2

#menu ul li a {
display:block}

Answer 3

用#符号标记对应的应该是属性“ID”吧