jquery - 单击时更改字体颜色

Question

我正在尝试创建一个简单的关于页面，该页面使用 JQuery 单击来更改关于正文的文本和内容(而不是创建 3-4 个独立页面)。我试图用“菜单”做的事情很简单，但由于某种原因它没有按预期工作。

每次单击菜单选项都会触发一个 JQuery 事件，该事件将更改正文的文本，并将单击的菜单选项的颜色更改为蓝色以表明它已被选中。

现在，我尝试应用的 jquery 根本无法工作，并且点击时颜色不会切换。

我的 jQuery

$(document).ready(function(){
    $('.about-link').click(function(){
        $(this).toggleClass('clicked');
    });
});​

jsfiddle

http://jsfiddle.net/bBDk8/6/

Answer 1

#about-nav a css 选择器比 .clicked 更具特异性，因此颜色是从该选择器应用的，而不是 .clicked 。例如，使用 #about-nav a.clicked 来提高特异性。

http://jsfiddle.net/bBDk8/8/