CSS样式不是'级联'？

Question

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

#wrapper a{color: red;}

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

.mydiv a{color: white;}

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

Answer 1

这称为特异性.

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

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

#wrapper .mydiv a{color: white;}