6

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

我有这样的演讲幻灯片：

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

坦率地说，我自己还没有听说过这个 css 优先规则，我用谷歌搜索了一些类似主题但不太像的东西：这里

为了自己进行测试，我在自己的服务器上制作了一个测试页面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 怎么样？）和“嵌入样式在网页的head部分“（到底是什么？我不能把它放在body标签里？）

对不起这个愚蠢的问题，明天考试，我现在看到很多事情要考虑:)

4

2 回答 2

2
  • 属性由<style></style>中的选择器重新分配linked.css。
  • id="div"for没有元素imported.css。
于 2010-06-18T03:06:01.423 回答
2

首先，对于导入的样式表，它们意味着使用规则嵌入的@import样式表。

其次，在 CSS 2.1 规范中的解释下面几行有对级联顺序的解释。规范的其他部分也可能对您的考试有用。祝你好运。

更新：一些谷歌搜索导致：

等等

于 2010-06-18T03:11:01.783 回答