Html 如何解决css中的冲突？

我有一个问题，在我的网页设计在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设计的影响

flexslider的

ul

和

li

是否有任何方式不会被

#tab ul

和

#tab li

感染

---

顺便说一下，我不能更改页面的结构，因为它会影响其他页面。我只能在

内容

部分进行编辑。

您可以为

#tabs > ul

及

---

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

ul

。

添加.flexsider ul和.flexsider ul li！最后很重要

.flexslider > ul