CSS 多重样式优先级 - CSS 基础教程 - 简单教程，简单编程

CSS 样式表允许以多种方式设置样式信息

样式可以设置在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中

甚至可以在同一个 HTML 文档内部引用多个外部样式表

一般情况下，优先级如下

(内联样式) Inline style > (内部样式) Internal style sheet > (外部样式) External style sheet  > 浏览器默认样式

比如下面这个 HTML 文档

<!DOCTYPE html>
<head>
    <!-- 外部样式 style.css -->
    <link rel="stylesheet" href="style.css"/>
    <!-- 设置：h3{color:blue;} -->
    <style>
      /* 内部样式 */
      h3{color:green;}
    </style>
</head>
<body>
    <h3>测试</h3>
</body>

注意： 如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式