コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS に関する読書メモ 1_html/css_WEB-ITnose

CSS に関する読書メモ 1_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:45:11
オリジナル
1015 人が閲覧しました

セレクターに関しては、クラス選択がIDセレクターに準拠していることだけは知っていますが、セレクターの優先順位についてはよくわかりません。以下は、書籍の例からの抜粋です:

属性に ! important キーワード ステートメントを設定して、属性の重みを増やします。 ! important キーワードを使用して宣言されたプロパティは、最も高い優先順位を持ちます。

  • タグセレクター、疑似クラス、疑似オブジェクト: 優先度ポイントは 1 です。
  • クラスセレクター、属性セレクター: 優先レベルポイントは 10 です。
  • IDセレクター: 優先レベルポイントは100です。
  • スタイル属性: 優先ポイントは 1000 です。

    • 例:

    p{ color:blue; }

    p .myColor{color:black;}

    .myColor{color: yellow;}

    #myColor{color:red;}

    p=1

    p .myColor=1+10=11

    .myColor=10

    #myColor=100

    style="color:green;"=1000

    色のラベル付けの部分は間違いやすいです、私はいつも思っていました2 番目でした。注釈付きの色の方が優先されます。

    関連ラベル：
    CSS那些事读书笔记1
    ソース：php.cn
    前の記事：第 4 週目 ページ制限 8060 バイト_html/css_WEB-ITnose 次の記事：[転送] jsでHTMLテーブルの行と列のロックを実装_html/css_WEB-ITnose
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
    から 2024-04-29 11:01:01
    0
    3
    2308
    Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
    から 2024-04-23 00:22:19
    0
    11
    2439
    子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
    から 2024-04-19 15:37:47
    0
    1
    2057
    親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
    から 2024-04-18 23:52:34
    0
    1
    1941
    CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
    から 2024-04-16 10:10:18
    0
    0
    2006
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート