Pregunta

cuando mi menú principal es como el ítem menú1 / submenú1.2, de li activa la clase, por lo que puedo personalizarla, por ejemplo, en un color diferente.

sin embargo, si voy a la página menú1 / submenú1.2 / 153, falta la clase activa.

O algo como menu1 / submenu1.2 / * es la clase activa que falta.

¿Cómo puedo resolver esto?

¿Fue útil?

Solución

En su ejemplo de menu1 / submenu1.2 / 153 , la clase activa debería haberse movido a 153 . Aún puede diseñar submenu1.2 de forma diferente buscando la clase active-trail en el <li>

Por ejemplo, si vas a admin / content / comment , el código html del menú debería verse así:

<ul class="menu">
  <li class="expanded active-trail">
    <a href="/drupalsite/?q=admin">Administer</a>
    <ul class="menu">
      <li class="expanded first active-trail">
        <a title="Manage your site's content." href="/drupalsite/?q=admin/content">Content management</a>
        <ul class="menu">
          <li class="leaf first active-trail">
            <a class="active" title="List and edit site comments and the comment moderation queue." href="/drupalsite/?q=admin/content/comment">Comments</a> 
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Eso significa que puedes aplicar un estilo a los enlaces admin y content utilizando CSS como el siguiente:

li.active-trail a {
    /*Whatever style here*/
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top