어떻게 충돌 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 년에는 ul 및 li에 대한 탐색 모음 메뉴의 디자인에 대한 #tab ul{}의 CSS를 사용합니다.

내 페이지에 flexslider을 적용

의 flexslider의 ul 및 li도 #tab ul 및 #tab li의 CSS 디자인에 감염되었다. 어떤 방법

가 그 flexslider의 ul 및 li이 #tab ul 및 #tab li에 감염되지 않습니다?

그런데 다른 페이지에 영향을주기 때문에 페이지의 구조를 변경할 수 없습니다. content div에서만 수정할 수 있습니다.

Answer 1

당신은 그 규칙이 트리의 깊은 ul로 전파되지 않습니다

#tabs > ul 

및

.flexslider > ul 

에 대해 별도의 규칙을 가질 수 있습니다.

Answer 2

끝에 .flexsider ul 및 .flexsider ul li을 추가하십시오!