CSS にカスケード メカニズムがあるのはなぜですか? CSS では、同じ要素の特定のプロパティに同時に影響を与えるスタイルが複数存在する可能性があるため、カスケード メカニズムによって、作成者 (コードを作成する人)、ユーザー (ページを閲覧する人)、およびユーザー エージェント (通常はブラウザー) 間のスタイルの競合を解決できます。 カスケード内の各スタイル ルールには重み値があります。これらのルールが複数同時に有効になっている場合は、重みが最も高いルールが優先されます。一般的に、作成者が指定したスタイルのウェイト値はユーザーのスタイルのウェイト値よりも高く、ユーザーのスタイルのウェイトはクライアント (ユーザー エージェント) のウェイト値よりも高くなります。一般的な重量値とオブジェクト、あるかどうか!重要なのは、特異性が位置に関係していることです。積み重ね順では、以下の重量値は小さいものから大きいものまでです (1)ユーザーエージェントスタイル (2)ユーザー一般スタイル (3)著者の一般的なスタイル (4)著者の重要なスタイル(!important) (5)ユーザーの重要なスタイル(!important) (6)2つのスタイルが同じコード(たとえば、両方とも作成者(コード)から来ている)から来ていて、それらのスタイル宣言が同等に重要である場合、それらは詳細度に基づいて計算され、詳細度の高いスタイルが低いスタイルを上書きします。 (7)具体性が同じであれば、スタイルが新しいほど優先順位が高くなります。 ユーザーが設定した重要なスタイルが、作成者が設定した重要なスタイルよりも優先されるのはなぜでしょうか。その理由は、ページのフォント サイズの調整など、ユーザーが特別な要件を満たしやすくするためです。 セレクタの特異性の計算 (1)要素のstyle属性に宣言が現れた場合、aは1としてカウントされる。 (2)bはセレクタ内の全てのIDセレクタの数の合計に等しい (3)cはセレクタ内のすべてのクラスセレクタ、属性セレクタ、疑似クラスセレクタの合計に等しい。 (4)dはセレクタ内のすべてのタグセレクタと疑似要素セレクタの合計に等しい。 abcd はセレクターの詳細度です。比較順序は a から始まり、大きい方が優先されます。 知らせ:
.box{} /*特異度=0,0,1,0*/ .box div{} /*特異度=0,0,1,1*/ #nav li{} /*特異度=0, 1, 0, 1*/ p:first-line{} /*特異度=0,0,0,2*/ style="" /*詳細度=1,0,0,0*/ 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
>>: HTML フォームタグチュートリアル (3): 入力タグ
ご存知のとおり、コンピューターには 2 種類の画像があり、1 つはビットマップ、もう 1 つはベクタ...
この記事の例では、動的な時計を実装するためのJS + CSSの具体的なコードを参考までに共有していま...
Web ページを作成するときに、テーブルの幅が揃っていないという問題に遭遇することがよくあります。 ...
イメージが正常にビルドされると、Docker 環境があれば使用できますが、イメージを Docker ...
背景事業が発展するにつれ、会社の事業内容や規模は拡大し続け、ウェブサイトには大量のユーザー情報やデー...
目次序文アイデアの起動速度Tomcat ログが文字化けしている序文Idea を再インストールしたので...
1. 作成する [テーブル名] (フィールド1、フィールド2、...) 値 (値1、値2、...) ...
目次Tomcat の紹介Tomcat の展開Web プロジェクトの作成tomcatの設定プロジェクト...
<br />それぞれのトピックについて、チーム内でメールで議論します。議論が白熱するにつ...
この記事では、WindowsでのMySQL 8.0.12のインストール手順と使用方法のチュートリアル...
オンラインチュートリアルに従って実装しました。 zabbix3.4、スクリプトとsendEmailを...
目次序文1. トリガーの概要2. トリガーの作成2.1 トリガー構文の作成2.2 コード例3. トリ...
<br />海外メディアの報道によると、マイクロソフトはソフトウェアの相互運用性への取り...
2つのタイプがあります: (異なるブラウザ) 1. IEブラウザで利用可能コードをコピーコードは次の...
1. マルチヘッダーテーブルコードコードをコピーコードは次のとおりです。 <!DOCTYPE ...