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


10

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

例えば:

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

そう...

  1. なぜ親んliサブメニューがある場合にsが両方とも「より深い」と「親」のクラスが適用されていますか?単に「親」ではないのですか?

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

回答:


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

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

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

メニューCSSクラス

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.