Question

我的网页上有这段代码

<div id="secondary">
<ul id="news">
    <li><a href="#"><span class="title">Virgo: It's Your Month</span>Lorem ipsum dolor site amet.</a></li>
    <li><a href="#"><span class="title">Dolor site amet </span>Lorem ipsum dolor site amet.</a></li>
</ul>
</div>

现在要更改文本和链接的颜色，我使用此CSS样式

#secondary * {
  color: #FFF;
}

这会将内部的所有内容更改为白色。

为什么我不能添加颜色：#FFF到这样的现有样式？

#secondary  {
  float: right;
  width: 180px;
  background-color: #294E56;
  color: #FFF;
}

为什么这不起作用？据我所知，颜色由辅助ID中的标签继承。谢谢和问候：）

Answer 1

锚标记不会继承许多CSS属性，包括'color'。当你将*添加到选择器时，它显式选择#secondary下的所有标签并应用样式，而没有*，你只是依赖继承，这在这种情况下不起作用。你需要做的是

#sidebar a { color: #FFF; }

Answer 2

你可以检查这个js小提琴： http://jsfiddle.net/bitsmix/vyuAQ/

CSS标签选择器查询

2 个答案: