ホームページ > ウェブフロントエンド > CSSチュートリアル > 特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x)

特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x)

Lisa Kudrow
リリース: 2025-03-24 10:37:12
オリジナル
850 人が閲覧しました

特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x)

先日、エリック・マイヤーとおしゃべりをしていたので、形成期のエリック・マイヤーの話を思い出しました。私はCSSの特異性に関するブログ投稿を書きました。エリックは、誤解を招く性質を指摘するために時間をかけました(私はそれを更新するために走っているのを覚えています)。何がそんなに誤解を招いたのですか?基本-10番号システムとして特異性を描写していた方法。

ul.navの要素を選択するとします。私は、そのセレクターの特異性が0011(本質的に11)であり、これがベース10システムの数であるとポストでほのめかしました。したがって、私はタグ= 0、クラス= 10、IDS = 100、およびスタイル属性= 1000と言っていました。そのような基本-10番号システムで特異性が計算された場合、ul.nav.nav.nav.nav.nav.nav.nav.nav.nav.nav.nav.nav(11クラス名)のようなセレクターは0111の特異性があります。それは真実ではありません。現実には、それは(0、0、11、1)対(0、1、0、1)であり、後者が簡単に勝ちます。

私が使用したように、そのコンマを分離した構文は、2つの問題を解決します。

  1. ベース10番号システム(または任意の数値システム)をほのめかない
  2. それは明確で読みやすい外観を持っています

(x、x、x、x)の外観が好きです。スタイル属性は正確にセレクターではなく、通常は同じ種類の会話では話されていないため、(x、x、x)に制限することができました。 Parensは私にとってより明確にしますが、それらを必要としないXXX(Dash分離された)構文、またはおそらくParensから利益を得る(x / x / x)構文も見ることができました。

セレクターレベル3では、ダッシュを簡単に使用します。レベル2は、さまざまな場所でダッシュとコンマの両方を使用しました。

とにかく、どうやら私はこれを半年ごとに言及するためにバグを得るようです。

以上が特異性について話すために(x、x、x、x)を使用しましょう(x、x、x、x)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート