6

SOにはすでにいくつかの同様の質問と回答があることに気づきましたが、最初にここで私の特定の質問を明確にしましょう。

私はこのように述べている講義スライドを持っています:

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

率直に言って、私はcssの優先順位のこのルールを自分で聞いたことがなく、似たようなトピックの何かをグーグルで見つけましたが、それほどではありません:ここ

自分でテストするために、ここに自分のサーバーでテストページを作成しました

講義スライドのステートメントによると、FireFox 3.6.3で実行した後、本来あるべき方法が表示されないと確信しています。

  • インポートされたスタイルシート?私はそれを間違っていますか?FireBugを使用してもその効果を確認できません
  • 埋め込みスタイルシートはリンク/インポートされたスタイルシートよりも優先度が高いと書かれていますが、その後にリンク/インポートされたタグを配置すると機能しません。
  • インラインスタイルとHTML属性?最初にインラインスタイルを設定して幅と高さを制御し、次に直接html属性width / heightを使用してそれを変更しようとした画像がありますが、失敗しました...

以下はソースコードです:

<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はどうですか?)や「埋め込みスタイルはWebページのヘッドセクション「(一体何ですか?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 に答える