如何在子訂單列表中停止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繼承

回答

相關問題