点击更改字体颜色

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/