it-swarm.dev

メニューに適用されるCSSクラスの理解:「より深い」と「親」

デフォルトのJoomla 2.5メニューの親li要素に適用される「より深い」クラス名と「親」クラス名の違いを理解しようとしています。それらは常に一緒に適用されているようですか?それは常に「より深い親」であり、私が見る限りどちらか一方ではありませんか?

例えば:

<ul class="menu">
<li class="item-108 deeper parent"><a href="/menu1" >Menu1</a>
    <ul>
    <li class="item-110"><a href="/menu1/sub11" >Sub11</a></li>
    <li class="item-121"><a href="/menu1/sub12" >Sub12</a></li>
    <li class="item-122"><a href="/menu1/sub13" >Sub13</a></li>
    </ul></li>
<li class="item-109 deeper parent"><a href="/menu2" >Menu2</a>
    <ul>
    <li class="item-130"><a href="/menu2/sub21" >Sub21</a></li>
    </ul></li>
<li class="item-111 active deeper parent"><a href="/menu3" >Menu3</a>
    <ul>
    <li class="item-118"><a href="/menu3/sub31" >Sub31</a></li>
    <li class="item-120 current active"><a href="/menu3/sub32" >Sub32</a></li>
    <li class="item-131"><a href="/menu3/sub33" >Sub33</a></li>
    </ul></li>
<li class="item-112"><a href="/menu4" >Menu4</a></li>
</ul>

そう...

  1. サブメニューがあるときに、親lisに「より深い」クラスと「親」クラスの両方が適用されるのはなぜですか?単に「親」ではないのですか?

  2. 一方が適用され、もう一方が適用されない状況はありますか?すなわち。おそらく「より深い」が省略されている場合はどうなりますか?

10
MrWhite
  • 。deeperメニュー項目にサブメニュー(項目)がある場合に適用されます
  • 。parentこのメニュー項目が別のメニュー項目の親である場合に適用されます

すべてのレベルを表示するメニューがある場合、両方のクラスが親メニュー項目に適用されます。ただし、メインメニューに最初のレベルのみを表示し、サイドメニューに他のレベルを表示したい場合もあります。 .deeperにはレベルが1つしかないため、メインメニューには適用されません。

この編集されたスクリーンショットは、クラスをよりよく理解するのに役立ちます。

menu CSS classes

10
fruppel