行内css和important哪个优先级高?

!important 的优先级更高。

虽然内联样式通常优先于外部样式表和内部样式表,但 !important 会覆盖所有其他样式声明,包括内联样式。 因此,如果内联样式和带有 !important 的样式规则冲突,则带有 !important 的样式规则会胜出。

举个例子:

<p style="color: blue;">This is a paragraph.</p>
p {
  color: red !important;
}

即使 color: blue; 是内联样式,段落文本也会显示为红色,因为 color: red !important; 的优先级更高。

posted @ 2024-11-24 17:53  王铁柱6  阅读(101)  评论(0)    收藏  举报