我是CSS的新手,我刚刚阅读了有关应用样式的各种类型的层次结构的主题。更具体地说,我读到嵌入式方法总是会覆盖外部方法,但是当我运行一些测试时,情况并非总是如此。
嵌入样式和外部样式的声明是在网页的head元素中完成的,我发现嵌入样式仅在外部样式之后才覆盖外部样式。
例如,假设我们有以下代码片段
<head>
<title>Testing CSS Hierarchy</title>
<style type="text/css">p {color:#fff;}</style>
<link rel="stylesheet" media="screen" type="text/css" href="css/screen/external.css"/>
</head>
在上面的示例中,外部规则将覆盖嵌入式!
我是否理解错了或这是正常现象?
提前提醒你。
最佳答案
链接到外部文件后,尝试使用嵌入样式:
<head>
<link rel="stylesheet" media="screen" type="text/css" href="css/screen/external.css"/>
<style type="text/css">p {color:#fff;}</style>
</head>
后面的css会覆盖前面的css。
关于css - CSS层次结构(嵌入式vs外部),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23764797/