0

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

主题带有一个主要的 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 已加载，我可以font-size:13px;在 Chrome 开发人员工具中看到已加载，但由于某种原因它被忽略了。而且我没有看到任何其他样式可能会覆盖字体大小。

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

4

1 回答 1

3

如果您从 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 字体大小

于 2013-10-31T09:58:58.617 回答