样式表的优先级

suaxi

2024-03-03 / 0 评论 / 15 阅读 / 正在检测是否收录...

03/03

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>优先级</title>
    <link rel="stylesheet" href="../01_CSS的编写位置/position.css">
    <style>
        h1{
            color: red;
            font-size: 100px;
        }
    </style>
</head>
<body>
    <!-- 行内样式 > 内部样式 = 外部样式
         内部样式、外部样式优先级相同，且后写的会覆盖前写的
         同一个样式表中，优先级也和编写顺序有关
    -->
    <!-- <h1 style="color: aquamarine;">你好，孙笑川</h1> -->

    <h1>你好，孙笑川</h1>
</body>
</html>

CSS