html – 嵌入式css是否总是覆盖外部CSS?
发布时间:2020-12-25 03:08:58 所属栏目:资源 来源:网络整理
导读:我之前研究过嵌入式CSS总是覆盖外部css. 但我发现代码中的最后一个,这些风格占上风. 考虑到我使用了颜色,请参阅以下代码:绿色;在h3的外部CSS中. headlink rel=stylesheet href="style.css"styleh3{color:red;}/style/head 输出上面的代码将显示我在h3中用
我之前研究过嵌入式CSS总是覆盖外部css.
考虑到我使用了颜色,请参阅以下代码:绿色;在h3的外部CSS中. <head> <link rel=stylesheet href="style.css"> <style> h3{ color:red; } </style> </head> 输出上面的代码将显示我在h3中用红色写的任何文本. 但如果我像这样编写上面的代码: – <head> <style> h3{ color:red; } </style> <link rel=stylesheet href="style.css"> </head> 在上面的例子中,我将h3中的文本颜色变为“绿色”(因为假设我在外部CSS中给出了“绿色”作为字体颜色). 这是因为我在样式标签之后写了链接标签. 所以这意味着外部css并不总是被嵌入式css覆盖. 或者总是在样式标记之前写入链接标记是一种规则. 请解释一下这一点. 解决方法如果您的样式表位于< style> -tags或外部并与< link />链接,则无关紧要.最后一个始终优先,它们甚至可以在同一个外部文件中,实际上只是选择器的顺序和它们的 specificities问题.但是,使用style =“..”属性的内联CSS始终具有优先权,因为它是最具体的.要覆盖它,你必须使用!important.使用!important的style =“..”中的属性不能被覆盖. (编辑:泉州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |