it-swarm-tr.com

Menülere uygulanan CSS sınıflarını anlama: "daha derin" ve "üst"

Varsayılan bir Joomla 2.5 menüsünde üst li öğelerine uygulanan "derin" ve "üst" sınıf adları arasındaki farkı anlamaya çalışıyorum. Hep birlikte mi uygulanıyorlar? Her zaman "daha derin ebeveyn", asla görebildiğim kadarıyla biri mi?

Örneğin:

<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>

Yani...

  1. lis üst öğelerine neden bir alt menü varken hem "daha derin" hem de "üst" sınıflar uygulanmış? Neden sadece "ebeveyn" olmasın?

  2. Birinin uygulandığı diğerinin uygulanmadığı bir durum var mı? yani. "derin" ne zaman ihmal edilir?

10
MrWhite
  • . deeper menü öğesinin bir alt menüsü (öğe) olduğunda uygulanır
  • . parent, bu menü öğesi başka bir menü öğesinin üstü ise uygulanır

Tüm seviyeleri gösteren bir menünüz varsa, her iki sınıf da bir üst menü öğesine uygulanır. Ancak bazen ana menünüzde sadece ilk seviyeyi göstermek ve bir yan menüde diğer seviyeleri göstermek istersiniz. .deeper daha sonra sadece 1 seviyeye sahip olduğu için ana menüye uygulanmaz.

Bu düzenlenmiş ekran görüntüsü, sınıfları daha iyi anlamaya yardımcı olmalıdır:

menu CSS classes

10
fruppel