覆盖子css属性

Question

如何覆盖子css-property。 例如，文本应为黑色：

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

由于我得到了一些建议我不应该使用内联样式的答案，我应该告诉你这不是一个选项，至少不是内部div。

Answer 1

不要使用内联样式。从标签或CSS文件中的CSS控制它们。然后你可以使用继承，特殊和！important来覆盖。你不能在代码中使用内联样式。

Answer 2

您应该使用css类和ID并使用内部或外部样式表，尽量不要使用内联样式。至于使文本变黑，你不能这样做，因为你有内联，并且优先于所有，并将最后应用。它通常遵循此顺序，因此从左到右应用样式 -

  

外部样式表 - ＆gt;内部   样式表 - ＆gt;内联样式

查看here以了解有关如何使用样式表的更多信息。