我已经阅读了很多有关CSS优先级和！important声明的内容，但是仍然在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规则被忽略？
最佳答案
如果从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字体大小
关于html - 第二个CSS样式表优先于第一个样式表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19703192/