CSS学习笔记-CSS的优先级问题 AND 2018-11-21（21:58）

重新学习的灰烬

于 2018-11-21 21:58:38 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

分类专栏：灰烬CSS学习笔记

本文链接：https://blog.youkuaiyun.com/weixin_43680500/article/details/84330951

灰烬CSS学习笔记专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了CSS中样式优先级的概念，详细解释了内联样式表、内部样式表及外部样式表之间的优先级关系，并通过具体示例展示了就近原则如何决定元素的最终样式。

一、优先级问题
内联样式表>内部样式表>外部样式表：就近原则
例如：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS优先级</title>
   <link rel="stylesheet" type="text/css" href="Demo.css">
<style type="text/css">
    div{
        color: pink;
        border: solid darkgreen;
    }
</style>
</head>
<body>
  <div style="color: aliceblue;border: solid darkslategrey">今天阳光明媚</div>
</body>
</html>