تقنية sifr - كيفية جعلها تعمل مع .نشط ul الروابط
-
05-07-2019 - |
سؤال
لدي تقنية 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]
ومع ذلك ، فإن "لي.النشطة أ" يحصل على تطبيقها كل عنصر القائمة.هذا ليس ما أريد.
أريد أن مجرد تطبيق .نشط فئة أولئك الذين لديهم تلك الفئة.
فإن "#primary_nav ul li.نشط" على قائمة القائمة البند كنت على.
أي:
[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 أن تنطبق فقط .نشطة إلى قائمة نشطة البند ؟
شكرا
المحلول
الأولى تنفيذ بديلا #primary_nav ul li.active
والتي لديها التصميم الخاص ، ثم استبدال جميع عناصر القائمة.
أيضا ، في قواعد CSS لاستبدال لا يمكنك تكرار #primary_nav ul li
, فقط استخدام a
بدلا من ذلك.
لا تنتمي إلى StackOverflow