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 回答