html - cssの競合を解決する方法は?

Question

CSS での Web ページのデザインに問題があります。私はこの構造のコードを持っています。

<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 を使用します。ulli

ページに を適用するflexsliderと、flexslider のulとliも の CSS デザインに感染していまし#tab ulた#tab li。

flexslider のulandがandliに感染しない方法はありますか?#tab ul#tab li

ちなみに、他のページに影響を与えるので、ページの構造を変更することはできません。contentdivでしか編集できません。

Answer 1

個別のルールを設定できます

#tabs > ul

と

.flexslider > ul

ulこれらのルールは、ツリーのより深い部分には伝播しません。

Answer 2

最後に !important を付けて .flexsider ul と .flexsider ul li を追加します。