gpt4 book ai didi

CSS 层次结构(嵌入式与外部)

转载 作者:太空宇宙 更新时间:2023-11-04 03:48:18 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com