我是 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。
我是一名优秀的程序员,十分优秀!