CSSメガメニュー：div内のul以外のulをターゲットにする方法

Question

CSSメガメニューでは、さまざまな可能性があります。しかし、それは私がdiv内にない場合にのみ子として<ul>をナビゲーションとしてスタイルするようなものを扱う必要があることを意味します。

私は第二メニューのリストは、通常のリストでなければなりません問題

を実証jsFiddle http://jsfiddle.net/av5zr/を作成しました。 divの一部でない場合にのみ、children ulをリストとしてどのようにスタイルすることができますか？ 1つの方法は、.megaMenu-hor div ulにリストスタイルをリセットするかもしれないが、私は、メニューのスタイルで、私は別の

Answer 1

を維持することを好むサイトの主なスタイルで、2ヶ所で「ノーマル」リストスタイルを複製する必要があります。

私はあなたがこのようにそれを使用することができると思う：

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

その後、あなたはCSSでそれを選択するために必要なのはこれです：

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

は、それが動作ホープ..

Answer 2

私が知る限り、あなたはできません。

どちらかあなたがメニューに​​秒クラスを追加し、それらをターゲットにする必要があるメニューOR以内に正常​​秒間メニュー​​スタイルを元に戻すには、あなたのスタイルを複製する必要があり、具体的

EDIT

他のアンサーのコメントをお読みください。私の理解は、あなたがメインの​​スタイルとメニュー​​スタイルを分離したままにしたいということです。そうでなければ、より簡単な提案は次のようなデフォルトの​​のスタイルを書き出すことです：

ul, 
.megaMenu-hor div ul { 
/* whatever */ 
}