私は最近このような状況に遭いましたが、「なぜ」を見つけることができませんでしたか? 誰でも説明できますか?これは、すべての記事で説明されてhttp://codepen.io/chriscoyier/pen/lzjqh「CSS 256クラスは1つのIDを上書きする」の背後にあるルールは何ですか?
答えて
これが仕様に誤りまたはどのブラウザによりブラウザの制限により起こり、そしてない
はで以下の例を参照してください。それを実装する。
specは言う次のよう
セレクタの特異性が計算される。
- はクラスセレクタの数を数える(= A)
- セレクタにIDセレクタの数を数えます、属性セレクタ、およびセレクタの擬似クラス(= b)
- セレクタ(= c)のタイプセレクタと擬似要素の数をカウントする
- ユニバーサルセレクタに他のようにカウントされ否定擬似クラス内部
セレクタを無視するが、否定自体は、擬似クラスとしてカウントされません。
a-b-cの3つの数字を連結して(大きな基数を持つ数字系で)、特異性が得られます。
ブラウザは、計算のために特定の値を整数として格納しなければならず、何らかの理由で256の値はブラウザによってオーバーフローを引き起こします。これは、通常、最大値が255である8ビットの符号なし整数で発生します。もう1つを追加すると、クラスレベルの特異性が何らかの形でIDレベルの値に「アップグレード」され、カスケード内のIDと等しくなり、それによってオーバーライドされます。
私はこの答えがうまくいっていると思います。私はそれを拡張しようとしていたが、コメントにリンクされている質問を参照してください。私は、仕様とブラウザの実装の詳細との間に相違があるかどうかを説明する必要がある場合、私の答えを上に移動するかもしれません。 – BoltClock
特異性がなぜ9nでキャップされていないのかという質問を始める。誰かが実際に9つ以上のクラス、属性、または疑似クラスを1つのセレクタに搭載する予定ですか?特定のスコアは10進数で保存されなければならず、無限の数のクラスが「90」<100のように1つのIDを決して出すことはできませんでした。 –
@James Donnelly:セレクタ4は、実装が特異性値を制限し、オーバーフローすることを許さないと述べています。 – BoltClock
- 1. このCSSルールを上書きしているのは何ですか?
- 2. CSSルールは別のCSSルールをどのように上書きしますか?
- 3. CSSルールの上書きはいつ優先されますか?
- 4. CSSフィルターの背後にある数学は何ですか?
- 5. maven checkstyleで1つのルールを上書きする
- 6. CSS:あるクラスを別のクラスに上書きすることはできますか?
- 7. @mediaクエリ - 1つのルールが別のルールを上書きしますか?
- 8. コードの背後にあるcssクラスを削除する
- 9. CSSクラスを上書きする
- 10. CSS IDを上書きするにはどうしたらいいですか?
- 11. 複数のCSSルールを上書きする
- 12. (-m)パラメータのtarの背後にある謎は何ですか?
- 13. このコードの背後にあるトリックは何ですか?
- 14. Javaのオブジェクトクラスの背後にあるメカニズムは何ですか?
- 15. Math.pow()の背後にあるJavaのアルゴリズムは何ですか
- 16. linuxのfactorコマンドの背後にあるアルゴリズムは何ですか?
- 17. このプログラムの背後にある論理は何ですか?
- 18. drupalのテーマからCSSを上書きするベストプラクティスは何ですか?
- 19. CSSクラスの優先度を上書きする方法は?
- 20. クラス制約上の書き換えルール
- 21. CSSコードを新しいクラスで上書きする方法は?
- 22. Html.DisplayNameForの背後にあるロジックは何ですか
- 23. Lightstreamerの背後にある魔法は何ですか?
- 24. カラーホイールの背後にある数学は何ですか?
- 25. ビューヘルパーの背後にあるメカニズムは何ですか?
- 26. t( 'flash.notice.order.creditcard.valid')の背後にあるロジックは何ですか?
- 27. カラーホイールの背後にあるアルゴリズムとは何ですか?
- 28. AdventureWorksインストーラの背後にある技術は何ですか?
- 29. std :: optionalの背後にある根拠は何ですか?
- 30. $ GOPATHの背後にあるプログラミングパラダイムとは何ですか?
あなたがリンクを見つけることができれば、確かにあなたは説明を見つけることができます...それは文字通りウェブのいたるところで飾られています。 – BoltClock
[CSS特有のポイント]の複製が可能です(http://stackoverflow.com/questions/2809024/points-in-css-specificity) –
@My Head Hurts:実際はそうではありません...なぜポイントの説明に欠陥があるのかを説明していますここで説明されているバグには対処していません。 – BoltClock