如何在子订单列表中停止css继承

我试图设置包含ul的子菜单的菜单。我的问题是如何删除从菜单ul继承的sub ul菜单背景图像。我感谢任何帮助。非常感谢！如何在子订单列表中停止css继承

我的HTML

<ul id="menuBar"> 
    <li id="test1">test1</li> 
    <li id="test2"><a href="#">Pro1</a> 
    <div class="subMenu"> 
     <ul> 
      <li><a href="#">sub1</a></li> //all li a would get the same 
              //backgroundimage btForTest2.jpg 
              // butI just want a clean background 
      <li><a href="#">sub2</a></li> 
      <li><a href="#">sub3</a></li> 
     </ul> 
       <ul> 
      <li><a href="#">Volleyball</a></li> 
      <li><a href="#">Walking</a></li> 
      <li><a href="#">Water Shoes</a></li> 
     </ul> 
     </div> <!--end of submenu--> 
    </li> 
    </ul>

CSS：

#menuBar #mens a{ 
    background:url("../images/btForTest2.jpg") no-repeat; 
    display:block; 
    border-right:1px solid #ffffff; 
    width:112px; 
    height:37px; 
    } 


    .subMenu li a{ 
     list-style:none; 
     margin: 0; 
     padding: 5px; 
     width: 200px; //width is 112px not 200 px 
     float: left; 
     color:#ffffff; 
     text-decoration:none; 
    }

来源

2010-07-22 FlyingCat

.subMenu li a 
{ 
    background: none; 
}

如果没有坚持，你可以添加重要标志

.subMenu li a 
{ 
    background: none !important; 
}

来源

2010-07-22 18:07:58

谢谢。这是诀窍。我需要等10分钟。以接受答案.... – FlyingCat 2010-07-22 18:11:07

很高兴它为你工作 – 2010-07-22 18:14:02

我怎样才能知道一切有关CSS任何教程..？ – UnderGround 2013-08-21 12:27:56

添加下面的！ .subMenu li a部分：

background:none !important;

编辑：打开的选项卡durilai回答过，所以我没有看到他的答案......

来源

2010-07-22 18:25:04 pferate

甜而简单 – UnderGround 2013-08-21 12:26:52

不是添加另一条规则覆盖的错误，重写你的第一选择规则仅适用于外部列表项目：

#menuBar > li > a { 
    background: red; 
}

>表示直接后代。

来源

2010-07-22 18:55:05

如何在子订单列表中停止css继承

回答

相关问题