我是 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 层次结构(嵌入式与外部)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23764797/