当前位置：首页 → 问答吧 → 样式覆盖？

样式覆盖？

时间：2010-10-27

来源：互联网

大家来看这两句样式，为什么第一句会无效呢？
#uc_main_left .uc_main_left_top .uc_main_left_top_left div ul li.active_li dt.time1 strong{background:url(../images/zi_active.png) left top no-repeat;}

#uc_main_left .uc_main_left_top .uc_main_left_top_left div ul li dt.time1 strong{background:url(../images/zi.png) top left no-repeat;}
当那个li的class变为active_li的时候，背景图依然是zi.png而不是zi_active.png，这个只发现在ie67下

作者: wsssswsy 发布时间: 2010-10-27

也许是DOM结构有错误，另外你的选择符可够长的。

我测试了下，不存在此问题，你把DOM贴出来看看，dt是不能直接放在LI的。

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style> strong{display:inline-block;padding:2em;} #uc_main_left .uc_main_left_top .uc_main_left_top_left div ul li.active_li dt.time1 strong{background:url(http://bbs.blueidea.com/images/smilies/default/smile.gif) no-repeat;} #uc_main_left .uc_main_left_top .uc_main_left_top_left div ul li dt.time1 strong{background:url(http://bbs.blueidea.com/images/smilies/default/mad.gif) no-repeat;} </style> </head> <body> <div id="uc_main_left"> <div class="uc_main_left_top"> <div class="uc_main_left_top_left"> <div> <ul> <li class="active_li"> <dl> <dt class="time1"> <strong>HELLO</strong> </dt> </dl> </li> </ul> </div> </div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: yoom 发布时间: 2010-10-27

样式覆盖？

热门阅读

热门下载