CSS样式优先级

CSS样式优先级

系统中的css样式优先级

<!--!import>行内样式>内部样式>外部样式-->

样式代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Css样式优先级</title>
    <link rel="stylesheet" type="text/css" href="style/css样式优先级.css">
</head>
<style>
    h1{
        color: blue !important;
    }
</style>
<body>
<!--!import>行内样式>内部样式>外部样式-->

<h1 style="color: red">我是H1标题</h1>
</body>
</html>

外部样式引入代码示例

@charset "UTF-8";

h1{
    color: green;
}

其中!important;不建议使用

posted @ 2022-05-24 14:54  King-DA  阅读(16)  评论(0)    收藏  举报