SIFR-. Active UL 링크와 함께 작동하는 방법

Question

따라서 1 차 탐색 항목을 다루는 SIFR 스크립트가 있습니다.

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

그러나 "li.Active a"는 모든 메뉴 아이템. 이것은 내가 원하는 것이 아닙니다.

나는 그 수업을 가진 사람들에게 .active 클래스를 적용하기를 원합니다.

"#primary_nav ul li.Active a"는 메뉴 목록 항목에 사용됩니다.

즉:

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

SIFR이 List Active Item에만 적용하도록하려면 어떻게해야합니까?

감사.

Answer 1

먼저 교체를 실행합니다 #primary_nav ul li.active 특별한 스타일이 있습니다 그 다음에 다른 모든 목록 항목을 교체하십시오.

또한 교체에 대한 CSS 규칙에서 반복 할 수 없습니다. #primary_nav ul li, 그냥 사용하십시오 a 대신에.