Question

我已经阅读了很多关于CSS优先级和重要声明的内容，但我仍然看到this网站发生了一些奇怪的事情。

主题附带一个主要的style.css文件和其他几个.css文件，基本上只更改颜色。所以一个主题可以是黄色，粉红色，白色等。由于我不需要所有这些，我试图将文件bianco.css与style.css合并，以便只有1个文件。

我已经合并了（从bianco.css中删除了很多类），并且一切正常。但我仍需要合并其中很多。

现在我正在努力解决以下问题。

在主要的style.css中我有

body{font-family: pt-serif, sans-serif, Georgia, Helvetica, Arial;font-size:13px;background:#fff;line-height:154%!important;}

在bianco.css中我有

body{background-color:#FFF!important;font-size:13px;line-height:154%;}

我知道如果在两个不同的文件中选择了一个特定的属性，那么最新的一个是将要应用的属性。但是，如果只声明了1个属性，则只选择并应用此属性。它在哪个文件中无关紧要，重要的是要加载字段。

因此，如果我尝试从bianco.css文件中删除整行，那么站点中的字体会变大。这很奇怪。文件style.css已加载，我可以看到Chrome开发人员工具中加载了font-size:13px;，但由于某种原因，它被忽略了。而且我没有看到任何其他可能覆盖字体大小的样式。

有人知道这里发生了什么吗？是什么让style.css规则被忽略？

Answer 1

如果从bianco.css中删除13px，它会从某些slideshow.css中获取样式，这是相应的行

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section 
{ margin:0; 
padding:0; 
border:0; 
font-weight:inherit;
 font-style:inherit;
 font-size:100%;
 font-family:inherit;
 vertical-align:baseline; 
}

这就是字体变大的原因，尝试编辑/删除它。它将接受style.css 13 px字体大小

第二个CSS样式表优先于第一个

1 个答案: