1

我在用 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 中，它使用 css#tab ul{}来设计 和 的导航栏ul菜单li。

当我flexslider在我的页面中应用时，flexslider 的ulandli也感染了#tab uland的 css 设计#tab li。

有什么方法可以让 flexslider 的ulandli不会被#tab uland感染#tab li？

顺便说一句，我无法更改页面的结构，因为它会影响其他页面。我只能在contentdiv 中编辑。

4

2 回答 2

4

你可以有单独的规则

#tabs > ul

和

.flexslider > ul

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

于 2012-10-26T06:48:15.523 回答
-1

添加 .flexsider ul 和 .flexsider ul li，最后加上 !important。

于 2012-10-26T06:57:08.633 回答