CSS обыкновение менять цвет текста .cycle-пейджер-активный в цикле 2

Question

Ive создал слайдер шоу с текстовым пейджером ссылками -

<div class="col-lg-12 col-lg-offset-0"> 
       <div class="cycle-slideshow" 
        data-cycle-fx=scrollHorz 
        data-cycle-timeout=0 
        data-cycle-pager="#no-template-pager" 
        data-cycle-pager-template="" 
        > 
        <img src="../gray/img/s1.png"> 
        <img src="../gray/img/s2.png"> 
        <img src="../gray/img/s3.png"> 
        <img src="../gray/img/s4.png"> 
        <img src="../gray/img/s5.png"> 
       </div> 
       <div class="pager-bg"> 
       <div id=no-template-pager class="cycle-pager center external "> 

        <div class="slidebtn active"><a href=#>Brand Strategy</a></div> 
        <div class="slidebtn"><a href=#>Company + Product Launches</a></div> 
        <div class="slidebtn"><a href=#>Media Relations</a></div> 
        <div class="slidebtn"><a href=#>Voicing Your Expertise</a></div> 
        <div class="slidebtn"><a href=#>Content Creation + Seeding</a></div> 

       </div> 
       </div> 
       </div> 

Когда я целевая .cycle-пейджером-активного классом в CSS я могу контролировать все (т. е. шрифт, размер шрифта), за исключением цвета шрифта. Я даже попытался удалить все css с сайта и до сих пор не могу изменить цвет. какие-нибудь мысли здесь?

вот устанавливаемому сотовые

.cycle-pager-active { 
    background-color:rgba(0,0,0,1); 
    -webkit-transition:background .3s ease-in-out; 
    -moz-transition:background .3s ease-in-out; 
    transition:background .3s ease-in-out; 
    height: 80px; 
    color:#FF0000; 
} 

спасибо!

Answer 1

Целевая ссылка в:

.cycle-pager-active a{ color:#FF0000; } 

Answer 2

Просто измените .cycle-pager-active на .cycle-pager .active a в CSS.

Вот пример: http://jsfiddle.net/fxtqv433/1/

Это странное поведение HTML <a> тегов. Если вы хотите, например, изменить цвет или украшение текста, вам нужно направить элемент в css, а не на родительский элемент.

Надеюсь, это поможет.