石家庄人才网今天给大家分享《css样式表的三种样式优先级》，石家庄人才网小编对内容进行了深度展开编辑，希望通过本文能为您带来解惑。

CSS 样式表的优先级是浏览器根据样式规则来决定如何显示 HTML 元素样式的优先级，优先级越高，浏览器越会优先采用其样式。

CSS 样式有三种来源：

• 浏览器默认样式：浏览器自身自带的样式，比如 h1 标签默认加粗，p 标签有默认行高等等。
• 外部样式表：通过 link 标签引入的外部 css 文件。
• 内部样式表：写在 html 文件中的 style 标签内的样式。
• 内联样式：写在 html 标签 style 属性中的样式。

样式优先级从高到低为：

1. !important：优先级最高，如果属性后面加上了 !important，则该样式会覆盖所有其他样式，无论其来源和优先级如何。需要注意的是，!important 不应该滥用，因为它会破坏样式表的级联关系，使代码难以维护。
2. 内联样式：写在元素标签上的 style 属性中的样式，优先级仅次于 !important，会覆盖外部样式表和内部样式表中的样式。
3. ID 选择器：用 # 号定义的 CSS 选择器，优先级高于类选择器。
4. 类选择器、属性选择器、伪类选择器：用 . 号定义的 CSS 选择器，优先级高于标签选择器。
5. 标签选择器、伪元素选择器：直接使用 HTML 标签名作为选择器，例如 p、div、h1 等，优先级最低。
6. 继承样式：子元素可以继承父元素的某些样式属性，例如颜色、字体等。继承样式的优先级低于所有直接定义的样式。
7. 浏览器默认样式：优先级最低，会被任何其他来源的样式覆盖。石家庄人才网小编提醒，了解浏览器默认样式对于我们进行样式重置和编写兼容性良好的 CSS 代码非常重要。

当发生样式冲突时，浏览器会根据以下规则来确定优先级：

• 优先级高的样式会覆盖优先级低的样式。
• 如果优先级相同，则后面的样式会覆盖前面的样式。

石家庄人才网小编对《css样式表的三种样式优先级》内容分享到这里，如果有相关疑问请在本站留言。