CSS标签选择查询

页

<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中的标签继承。感谢和问候:)

来源

2011-11-02 Cafecorridor

什么'＃secondary'？我在HTML中看不到这样的ID。 – BoltClock

我做了更正。对不起，错误。 – Cafecorridor

锚标记不会继承一些CSS属性，包括'颜色'。将*添加到选择器时，它会明确选择#secondary下的所有标记并应用该样式，而如果没有*，则只依赖于继承，在这种情况下不起作用。你需要做的是

#sidebar a { color: #FFF; }

来源

2011-11-02 06:26:00 pra9ma

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

来源

2011-11-02 07:26:36

CSS标签选择查询

回答

相关问题