CSS样式不是’级联’？

我正在更新someones网站.他们的标记选择< a>标签是这样的：

#wrapper a{color: red;}

哪个好.但是,如果我创建一个< div>在包装器中并给它< a>标记我自己的样式,例如：

.mydiv a{color: white;}

它根本不起作用 – 我的< div>中的颜色：白色被颜色覆盖：包装中的红色,即使.mydiv css位于我的外部样式表上的#wrapper css下面.什么是其他所有风格 – 背景颜色,边框等 – 工作正常！

这称为 specificity.

具有id属性的选择器比具有class属性的选择器更具体(前者指向单个元素,但后者指向多个元素),因此无论顺序如何,具有id的选择器优先于您的选择器.

您的选择器需要更具体,以覆盖其他选择器：

#wrapper .mydiv a{color: white;}