为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

猛跑小猪 2019-10-17 10:06:37
在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函数中的相同?意思是显示的最后一行是?
查看完整描述

3 回答

?
至尊宝的传说

TA贡献1789条经验 获得超10个赞

应用最具体的样式:


div#foo {

  color: blue; /* This one is applied to <div id="foo"></div> */

}


div {

  color: red;

}

如果所有选择器都具有相同的特异性,那么将使用最新的清除方法:


div {

  color: red;

}


div {

  color: blue; /* This one is applied to <div id="foo"></div> */

}

您的情况body:not([input="button"])更具体,因此使用其样式。


查看完整回答
反对 回复 2019-10-17
  • 3 回答
  • 0 关注
  • 407 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信