2011-01-10 3 views
1

CSS 메가 메뉴에는 여러 가지 방법이 있습니다. 하지만 div에없는 경우에만 아이들 <ul>을 탐색 스타일로 지정하려는 것과 같은 것을 처리해야한다는 의미이기도합니다. CSS 메가 메뉴 : div에있는 것을 제외한 ul을 대상으로하는 방법

나는 보통의 목록이어야합니다 2 메뉴에서 문제

에게 목록을 보여주는 jsFiddle http://jsfiddle.net/av5zr/를 만들었습니다. div의 일부가 아닌 경우 어떻게 children ul을 목록으로 스타일링 할 수 있습니까? 한 가지 방법은 .megaMenu-hor div ul와 목록 스타일을 재설정 할 수 있습니다하지만 난 별도의 유지하는 것을 선호하는 메뉴 스타일과 사이트의 메인 스타일로,이 곳에서 "정상"목록 스타일을 복제해야합니다

답변

2

.megaMenu-hor div.normal-list ul{ 
    display: none; 
} 

가 작동 희망 : 그럼 당신은 CSS에서 선택하는 데 필요한 모든이입니다

...<li> 
     <a href="#">Link 1</a> 
     <div class="normal-list"><!--add a class--> 
      <p>This is a div</p> 
      <ul>... 

:

난 당신이 같이 사용할 수있을 것 같아요 ..

+0

가'표시가 없습니다 : none' 오히려 여기에 오해의 소지가? –

+0

Yah,하지만 그 사람이 그의 CSS에있는 것입니다. – Kyle

+0

실제로는 아무 것도 표시하지 않습니다. 드롭 다운을 숨기고 싶었습니다. 특정 클래스가있는 경우에만 'ul' 스타일로 목록을 만들 수 있었지만 클래스 이름을 흩어져 야합니다. 온통 –

0

내가 아는 한 당신은 할 수 없다.

은 어느 당신은 메뉴 내에 정상 <ul />들에 대한 메뉴 <ul /> 스타일을 취소 당신의 스타일을 복제 할 필요가 또는 당신은 메뉴 <ul />의에 클래스를 추가하고 특히

편집

그들을 대상으로해야합니다

그냥 답변 다른 사람의 의견을 읽어보십시오. 내 이해는 주 <ul /> 스타일과 메뉴 <ul /> 스타일을 별도로 유지하려는 것입니다. 그렇지 않으면 쉽게 제안은 다음과 같이 기본 <ul /> 스타일을 작성할 수 있습니다 :

ul, 
.megaMenu-hor div ul { 
/* whatever */ 
} 
관련 문제