Html 正确的CSS设计嵌套元素的样式

我正在做CSS下拉列表。我希望能够添加一个类

活动

，在我的下拉列表中列出元素，以显示特定项目是当前选择。问题是，我无法改变文本的颜色。背景有，但不是文本

演示：

HTML:

---

这是由于特殊性。您必须更具体地使用

.active

选择器

例如：

.dropdown li.active a { 
    background:#666;
    color:#FFF;
}

这是你的小提琴：

这个：

.dropdown li a{
    color:#666;
}

胜过这一点：

.active {
    color:#FFF;
}

因为您正在将

active

应用于包装LI而不是A

这可能会解决它：

.dropdown li.active a {
    color:#FFF;
}

---

再一次，

！重要提示

通常是错误答案。我不知道如果不花更多的时间在上面，为什么上面的方法不起作用。这就是为什么在CSS中有许多不同级别的特异性会让人头疼的原因。

.active {
    color:#FFF;
}

.dropdown li.active a {
    color:#FFF;
}