如何使用外部CSS覆盖内联样式？

覆盖内联样式的唯一方法是使用

!important

div {        color: blue !important;           }<div >    Hello, World. How can I change this to blue?</div>

重要笔记：

• 使用

  !important

  不是一个好的做法。因此，您应避免同时使用

  !important

  内联样式。

• 将

  !important

  关键字添加到任何CSS规则后，该规则就可以 强行优先 于该元素的 所有其他CSS规则 。

• 它甚至会覆盖 标记中的内联样式。

• 覆盖的唯一方法是使用另一条

  !important

  规则，该规则在CSS中具有较高的CSS特定性声明，或者在代码后期具有相等的CSS特定性声明。