我是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/

10-12 00:31
查看更多