1

ネストされたメニューを使用していて、ツリーの2つのレベルに同じクラスが表示されていますが、下位レベルではフォーマットを変える必要があります。どうすればこれを行うことができますか？私はしばらくの間検索し、役に立たない多くの異なる解決策を試しました。これが私のHTMLと最近の試みです：

<ul class="topnav">
  <li><h3 class="toggle_action"> Meetings</h3>
    <ul class="div_toggle">
      <li><h3><a href="/index">Home</a></h3></li>
      <li><h3 class="toggle_action"> Attend</h3> // <-- same div as line 2 but needs different formatting
        <ul class="div_toggle"> etc...

そしてCSS修正を試みました：

.toggle_action {               /// the top-level format for the div with blue text
color:#5376c5;
}
ul.topnav ul li {             /// the general <ul> formatting for the secondary level
color: #999;
}
.toggle_action ul ul li {     /// my attempt to make the div appear in gray on second level
color:#999; 
}

ヒントをいただければ幸いです。

4

1 に答える 1

1

最後の CSS スタイルが HTML に存在することはありません。に<h3 class="toggle_action">は子がありません。

私はあなたがこれを意味したと思います：

.toggle_action {             
   color:#5376c5;
}
ul.topnav ul li {            
   color: #999;
}
ul ul li .toggle_action {   
   color: #999; 
}
于 2013-01-09T18:56:46.443 に答える