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函数中的相同?意思是显示的最后一行是?


猛跑小猪
浏览 408回答 3
3回答

至尊宝的传说

应用最具体的样式:div#foo {&nbsp; color: blue; /* This one is applied to <div id="foo"></div> */}div {&nbsp; color: red;}如果所有选择器都具有相同的特异性,那么将使用最新的清除方法:div {&nbsp; color: red;}div {&nbsp; color: blue; /* This one is applied to <div id="foo"></div> */}您的情况body:not([input="button"])更具体,因此使用其样式。
打开App,查看更多内容
随时随地看视频慕课网APP