Menülere uygulanan CSS sınıflarını anlama: “daha ​​derin” ve “ebeveyn”


10

liVarsayılan bir Joomla 2.5 menüsünde üst öğelere uygulanan "daha 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="https://joomla.stackexchange.com/menu1" >Menu1</a>
    <ul>
    <li class="item-110"><a href="https://joomla.stackexchange.com/menu1/sub11" >Sub11</a></li>
    <li class="item-121"><a href="https://joomla.stackexchange.com/menu1/sub12" >Sub12</a></li>
    <li class="item-122"><a href="https://joomla.stackexchange.com/menu1/sub13" >Sub13</a></li>
    </ul></li>
<li class="item-109 deeper parent"><a href="https://joomla.stackexchange.com/menu2" >Menu2</a>
    <ul>
    <li class="item-130"><a href="https://joomla.stackexchange.com/menu2/sub21" >Sub21</a></li>
    </ul></li>
<li class="item-111 active deeper parent"><a href="https://joomla.stackexchange.com/menu3" >Menu3</a>
    <ul>
    <li class="item-118"><a href="https://joomla.stackexchange.com/menu3/sub31" >Sub31</a></li>
    <li class="item-120 current active"><a href="https://joomla.stackexchange.com/menu3/sub32" >Sub32</a></li>
    <li class="item-131"><a href="https://joomla.stackexchange.com/menu3/sub33" >Sub33</a></li>
    </ul></li>
<li class="item-112"><a href="https://joomla.stackexchange.com/menu4" >Menu4</a></li>
</ul>

Yani...

  1. Neden libir alt menü varken ebeveyn ( ler) in her ikisinde de "daha derin" ve "üst" sınıflar uygulanmaktadır? Neden sadece "ebeveyn" olmasın?

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

Yanıtlar:


10
  • .deeper menü öğesinin bir alt menüsü (öğe) olduğunda uygulanır
  • Bu menü öğesi başka bir menü öğesinin üst öğesi ise .parent 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, yalnızca 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:

menü CSS sınıfları

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.