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

Html 第二个CSS样式表优先于第一个样式表,html,css,Html,Css,我已经读了很多关于CSS优先级和!重要的声明,但我仍然看到一些奇怪的事情发生在网站上 该主题附带了一个main style.css文件和几个其他的.css文件,它们基本上只改变颜色。所以一个主题可以是黄色、粉色、白色等等。 因为我不需要所有这些文件,所以我尝试将bianco.css文件与style.css文件合并,以便只有一个文件 我已经合并(从bianco.css中删除)了很多类,而且一切都很好。但我仍然需要合并很多 现在,我正在努力解决以下问题 在main style.css中,我有 bod

我已经读了很多关于CSS优先级和!重要的声明,但我仍然看到一些奇怪的事情发生在网站上

该主题附带了一个main style.css文件和几个其他的.css文件,它们基本上只改变颜色。所以一个主题可以是黄色、粉色、白色等等。 因为我不需要所有这些文件,所以我尝试将bianco.css文件与style.css文件合并,以便只有一个文件

我已经合并(从bianco.css中删除)了很多类,而且一切都很好。但我仍然需要合并很多

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

在main style.css中,我有

body{font-family: pt-serif, sans-serif, Georgia, Helvetica, Arial;font-size:13px;background:#fff;line-height:154%!important;}
body{background-color:#FFF!important;font-size:13px;line-height:154%;}
在bianco.css里我有

body{font-family: pt-serif, sans-serif, Georgia, Helvetica, Arial;font-size:13px;background:#fff;line-height:154%!important;}
body{background-color:#FFF!important;font-size:13px;line-height:154%;}
我知道,如果在两个不同的文件中选择了一个特定属性,那么将应用最新的属性。但是,如果只声明了1个属性,那么将只选择并应用这个属性。它在哪个文件中并不重要,重要的是要加载该文件

因此,如果我试图从bianco.css文件中删除整行内容,那么站点中的字体就会变大。这很奇怪。加载了文件style.css,我可以看到
字体大小:13px加载到Chrome开发者工具中,但由于某些原因被忽略。我没有看到任何其他样式的rool会覆盖字体大小


有人知道这里发生了什么吗?什么使得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字体大小

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

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

如果从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; 
}

这就是字体变大的原因,请尝试编辑/删除此字体。它将接受样式。css 13 px字体大小

检查这两个样式表中的字体大小和行距是否相同。检查这两个样式表中的字体大小和行距是否相同。检查这两个样式表中的字体大小和行距是否相同。检查这两个样式表中的字体大小和行距是否相同。谢谢你。这就是解决办法。请帮我理解。我想
字体大小:100%表示:100%以前设置的大小,因此为13px。这就是为什么我认为它不能影响下面加载的代码。为什么
字体大小:100%
是放大字体而不是保持不变?字体大小为100%是默认的浏览器特定字体大小,大约为14 px。不确定。是的,只是稍微增加了一点谢谢。这就是解决办法。请帮我理解。我想
字体大小:100%表示:100%以前设置的大小,因此为13px。这就是为什么我认为它不能影响下面加载的代码。为什么
字体大小:100%
是放大字体而不是保持不变?字体大小为100%是默认的浏览器特定字体大小,大约为14 px。不确定。是的,只是稍微增加了一点谢谢。这就是解决办法。请帮我理解。我想
字体大小:100%表示:100%以前设置的大小,因此为13px。这就是为什么我认为它不能影响下面加载的代码。为什么
字体大小:100%
是放大字体而不是保持不变?字体大小为100%是默认的浏览器特定字体大小,大约为14 px。不确定。是的,只是稍微增加了一点谢谢。这就是解决办法。请帮我理解。我想
字体大小:100%表示:100%以前设置的大小,因此为13px。这就是为什么我认为它不能影响下面加载的代码。为什么
字体大小:100%
是放大字体而不是保持不变?字体大小为100%是默认的浏览器特定字体大小,大约为14 px。不确定。是的,只是略微增加了