如何解決衝突的CSS？

Question

我的網頁設計在CSS中遇到問題。我有這個結構的代碼。

<div id="tabs"> 
    <ul> 
     <li><a href="menu link"></a></li> 
     ... other menu ... 
    </ul> 
    <div id="content"> 
     ... some codes ... 
     <section class="slider"> 
     <div class="flexslider"> 
     <ul class="slides"> 
     <li> 
      <img src="image/1.jpg" /> 
     </li> 
       ... other image ... 
      </ul> 
     </div> 
     </slider> 
    </div> 

</div> 

在#tabs它使用的#tab ul{}的CSS導航欄菜單的設計，爲ul和li。

當我在我的網頁應用 flexslider

，該flexslider的ul並且還染上#tab ul和#tab li的CSS設計li。

有什麼辦法可以讓flexslider的ul和li不會被#tab ul和#tab li感染？

順便說一下，我無法更改頁面的結構，因爲它會影響其他頁面。我只能編輯content格。

Answer 1

你可以有不同的規則

#tabs > ul 

和

.flexslider > ul 

這些規則將不會傳播到ul樹更深。

Answer 2

添加.flexsider ul和.flexsider ul li with！important at end。