如何在冲突中解决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和li也感染了#tab ul和#tab li的css设计。< / p>

幻灯片的ul和li是否有任何方式不会被#tab ul和#tab li感染？

顺便说一句，我无法改变页面的结构，因为它会影响其他页面。我只能在content div。

中进行编辑

Answer 1

您可以为

制定单独的规则

#tabs > ul

和

.flexslider > ul

这些规则不会传播到树中更深的ul。

Answer 2

将.flexsider ul和.flexsider ul li与！important结尾添加。