了解应用于菜单的CSS类:“更深”和“父”


10

我试图了解li默认Joomla 2.5菜单中应用于父元素的“更深”和“父”类名称之间的区别。它们似乎总是一起应用?据我所知,它永远是“更深的父母”,从来没有一个或另一个?

例如:

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

所以...

  1. li当有子菜单时,为什么父级同时应用了“更深”和“父级”类?为什么不简单地“父母”呢?

  2. 是否存在一种情况,而另一种情况没有应用?即。什么时候省略“更深”?

Answers:


10
  • .deeper在菜单项具有子菜单(项目)时应用
  • 如果此菜单项是另一个菜单项的父级,则应用.parent

如果您有一个显示所有级别的菜单,则这两个类都将应用于父菜单项。但是有时候,例如,您只想在主菜单中显示第一级,而在侧面菜单中显示其他级。然后,.deeper不会应用于主菜单,因为它只有1级。

修改后的屏幕截图应有助于更好地理解课程:

菜单CSS类

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.