SIFR - Comment faire fonctionner avec des liens .active ul

Question

J'ai un script qui SIFR coverts Les principaux points de navigation ainsi:

[code] 
/********************* 
* sIFR configuration 
**********************/ 

var itc = { 
    src: '/assets/js/sifr3/demo/font2.swf' 
    ,ratios: [7, 1.32, 11, 1.31, 13, 1.24, 14, 1.25, 19, 1.23, 27, 1.2, 34, 1.19, 42, 1.18, 47, 1.17, 48, 1.18, 69, 1.17, 74, 1.16, 75, 1.17, 1.16] 
} 

sIFR.activate(itc); 
sIFR.useStyleCheck = false; 
sIFR.replace(itc, { 
    selector: 'h2, #primary_nav ul li' 
    ,css:[ 
     '.sIFR-root { font-size:14px;font-weight:normal; }', 
     ,'#primary_nav ul li a { color:#000000; text-decoration: none; }' 
     ,'#primary_nav ul li a:hover { color: #000000; text-decoration:underline; background-color:#000000; }' 
     ,'#primary_nav ul li.active a { color:#000000; text-decoration:underline;}' 
    ] 
    ,wmode: 'transparent' 
    ,fitExactly:true 
    ,forceClear:true 
    ,forceSingleLine:true 
}); 
[/code] 

Cependant, la "li.active un" obtient appliqué à tous les menus article. Ce n'est pas ce que je veux.

Je veux juste appliquer la classe .active à ceux qui ont cette classe.

Le paramètre "#primary_nav ul li.active a" est utilisé dans l'élément de la liste de menu sur lequel vous vous trouvez.

-à-dire:

[code] 
<li class="active"><a href="#">Home</a></li> 
<li><a href="#">News</a></li> 
<li><a href="#">Some other menu item</a></li> 
[/code] 

Comment puis-je obtenir SIFR d'appliquer uniquement .active à la liste élément actif?

Merci.

Answer 1

D'abord, exécutez un remplacement pour #primary_nav ul li.active qui a le style spécial, et puis remplacer tous les autres éléments de la liste.

En outre, dans les règles CSS pour le remplacement, vous ne pouvez pas répéter #primary_nav ul li, utilisez simplement a à la place.