2
Indiquez l’intérêt que vous portez à cette question
0

nav li.on a // ne marche pas quand je personnalise mon squelette.

Bonjour,
C’est un problème récurrent avec mon menu depuis spip 1.9, je suis actuellement sur spip 3.2, J’aimerai que quand je clique sur un lien de mon menu, le lien reste actif après avoir chargée la page. ça devrait etre simple, et pourtant...

Par default sur SPIP il y a le CSS suivant de la div nav

.nav li.on a {
    background: #c41558;
    color: #fff;
    font-weight: normal;
}

 :

J’ai mon menu inserer sur chacune de mes page dans mon header

<INCLURE{fond=inclure/header} />

Le contenu :

<header >
 <div class="logo_site"><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">[(#LOGO_SITE_SPIP)]</a></div> 
		<nav>
				<ul>
<BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre} >
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_nav>
</ul>
	</nav>
</header>

J’ai mon css pour menu comme ça :

nav {margin-top:0px;width:50%;float:right; transition:.5s;}
nav ul {text-align:right;text-transform:uppercase; transition:.5s;}
nav li {display:block; transition:.5s;}
 
nav li a {  text-decoration: none;  color:#000; font-weight:bold; }
nav li.on a {  text-decoration: none;  color:red; font-weight:bold; }
nav li a:link { color:red; }
nav li a:hover,
nav li a:active { color:red; background:none;}

Et ça ne marche pas, link, hover, active marche, mais pas le li.on a... Pourquoi ? quelqu’un a une idée du problème ?