2010-08-30 102 views
1

如何覆盖子css属性。 例如,文本应该是黑色的:覆盖子css属性

<div style="color: Black;"> 
    <div style="color: Red;">Red text that should be black.</div> 
</div> 

因为我得到了一些答案,这表明,我不应该使用内联样式,我要告诉你,这是不是一种选择,至少对于内部的div。

回答

5

不使用内联样式。从标签或CSS文件中的CSS控制它们。然后,您可以使用继承,特定和!重要来覆盖。你不能像你在代码中那样使用内联样式。

+0

内联样式优先于您的样式表,所以如果绝对需要定义div {color:#000; }和div div {color:#a00},然后设置颜色:黑色;一致。 但是,更好的选择是在外部文件中使用CSS,然后为需要更改颜色的div指定一个特定的类。 – 2010-08-30 18:31:15

+0

更新的问题。 – Andreas 2010-08-30 18:58:52

+0

如果是这种情况,那么我能想到的另一个选择是使用JavaScript并在onload上执行。应该很容易处理jQuery。删除样式属性。应该这样做。例如。 $('div div')。removeAttr('style'); – 2010-08-30 19:14:21

0

您应该使用css类和id,并且尽可能使用内部或外部样式表不使用内联样式。至于使文本黑色你不能做到这一点,因为你有它内联,并有优先考虑,并将最后申请。所以应用的样式,通常遵循以下顺序从左开始右

外部样式表 - >内部 样式表 - >内嵌样式

here知道如何使用的详细信息样式表。

+0

已更新的问题。 – Andreas 2010-08-30 18:58:33