0

CSSに問題があります。通常、私はそれを正しく行うことができますが、今はうまくいきません。

メニューコードを取得しました

<nav>
    <ul class="ca-menua">
        <li class="home"><a href="#home" id="1" class="tooltip"><div class="ca-icona">O</div><span>Home</span></a>
        </li>
        <li class="info"><a href="#info" id="2" class="tooltip"><div class="ca-icona">e</div><span>Info</span></a>
        </li>
        <li class="komp"><a href="#komp" id="3" class="tooltip"><div class="ca-icona">S</div><span>Kompetencer</span></a>
        </li>
        <li class="cases"><a href="#cases" id="4" class="tooltip"><div class="ca-icona">F</div><span>Cases</span></a>
        </li>
        <li class="kontakt"><a href="#kont" id="5" class="tooltip"><div class="ca-icona">@</div><span>Kontakt</span></a>
        </li>
    </ul>
</nav>

私はアクティブなクラスを追加するjavascriptを持っています。

<script type="text/javascript">      
    $(document).ready(function(){
        $('.home a.tooltip').addClass('active');
    });
</script> 

<script type="text/javascript"> 
$(function() {
    $('a.tooltip').click(function(e) {
        var $this = $(this);
        $("#nav").load($this.attr('href'));
        $('a.tooltip').removeClass('active');
        $(this).addClass('active');

        // prevent default link click
        e.preventDefault();
    })
});
</script>

これは問題なく動作し、クラスを追加しますが、CSS を正しく取得できません!

問題で助けが必要です。小さな問題。ウェブサイトのリンクは次のとおりです。

CSS:

a.tooltop.active{
    color: #f3cb12;
    font-size: 50px;
}
4

1 に答える 1

1

divパーツをセレクターに追加するだけで、次のa.tooltip.activeようになります。

a.tooltip.active div {
    color: #F3CB12;
    font-size: 50px;
}

メニュー項目がアクティブな場合、アイコンを大きくして強調表示しようとしていると思います。問題は、新しいスタイルを取得する必要があるのはアンカーではなく、子 div 要素であることです。

于 2013-01-29T14:36:47.103 に答える