Dentro de un item de una lista(<li>) poseo un enlace y una lista(<ul>) con items, los cuales poseen enlaces.
Código PHP:
<li>
<span>
<a href="#">Chapter A</a>
</span>
<ul>
<li>
<a href="#">1.1</a>
</li>
<li>
<a href="#">1.2</a>
</li>
<li>
<a href="#">1.3</a>
</li>
</ul>
</li>
Mi referencia (this) apunta siempre al enlace clickeado.
Tengo que aplicar un clase llamada .luz css, al enlace clickeado, pero si el enlace está dentro de otro ul (enlaces: 1.1, 1.2, 1.3), la clase se aplica al enlace clickeado y al enlace del li principal (enlace Chapter A).
La clase pone en negrita un texto, al aplicarselo al li principal pone tambien ese estilo a todos los texto de los enlaces de la sublista, incluso los que no clickee.
Como podría resolver eso??