CSS样式表按什么顺序覆盖？

一尘不染

css

在HTML标头中，我得到了以下内容：

<head>
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
<link href="master.css" rel="stylesheet" type="text/css"/>

styles.css是我的页面专用表。master.css是我在每个项目上使用的工作表，用于覆盖浏览器的默认设置。这些样式表中哪个优先？示例：第一张纸包含特定内容

body { margin:10px; }

和相关的边界，但是第二个包含我的重置

html, body:not(input="button") {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

本质上，CSS的级联元素在样式表引用方面是否与典型CSS函数中的相同？意思是显示的最后一行是？

阅读 291

2020-05-16

共1个答案

一尘不染

CSS规则级联的规则很复杂-与其尝试严重地解释它们，不如简单地向您介绍该规范：

http://www.w3.org/TR/2011/REC-
CSS2-20110607/cascade.html#cascade

简而言之：更具体的规则会覆盖更一般的规则。根据涉及的ID，类和元素名称的数量以及是否使用!important声明来定义特异性。当存在多个具有相同“特定性级别”的规则时，以最后出现的那个为准。

2020-05-16