gpt4 book ai didi

html - CSS优先顺序?我的演讲幻灯片是否正确?

转载 作者:太空狗 更新时间:2023-10-29 15:09:30 28 4
gpt4 key购买 nike

我注意到 SO 已经有几个类似的问题和答案,但让我先在这里澄清我的具体问题:

我有这样的演讲幻灯片:

http://mindinscription.net/webapp/csstest/precedence.PNG

坦率地说,我自己还没有听说过这种 css 优先级规则,我用谷歌搜索找到了一些主题相似但不太相似的内容:here

为了自己测试,我在自己的服务器上做了一个测试页面here

在 FireFox 3.6.3 上运行后,我确定它没有按照演讲幻灯片中的说明显示应有的方式:

  • 导入的样式表?我做错了吗?我无法使用 FireBug 看到它的效果
  • 它表示嵌入式样式表比链接/导入的样式表具有更高的优先级,但是,如果我将链接/导入的标记放在该样式表之后,它就不起作用。
  • 内联样式与 html 属性?我有一个图像,我首先设置它的内联样式来控制宽度和高度,然后使用直接的 html 属性宽度/高度来尝试修改它,但失败了...

下面是源代码:

<html>
<head>
<style type="text/css">
#target
{
border : 2px solid green;
color : green;
}
</style>
<link rel="stylesheet" href="./linked.css" type="text/css" media="screen" />
</head>
<body>
<div id="target">A targeted div tag on page.</div>

<img src="cat.jpg" alt="" style="width : 102px; height : 110px;" width="204px" height="220px" />
</body>
</html>

有经验的 CSS 专家能帮我看看这张幻灯片是否正确吗?

坦率地说,我自己也很困惑,因为我可以在幻灯片中清楚地看到其他一些“不正确”的陈述,例如 JavaScript 在客户端(服务器端 JavaScript 怎么样?)和“嵌入式样式”位于网页的头部"(搞什么鬼?不允许我把它放在 body 标签里?)

抱歉这个愚蠢的问题,明天就要考试了,我现在看到很多事情要考虑:)

最佳答案

首先,对于导入的样式表,它们是指使用 the @import rule 嵌入的样式表.

其次,在 CSS 2.1 规范的解释下方的几行中有对 cascading order 的解释。 .其他部分the spec也可能对你的考试有用。祝你好运。

更新:一点 googling结果:

等等

关于html - CSS优先顺序?我的演讲幻灯片是否正确?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3066942/

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