Объявления с встроенным стилем против объявлений с идентификатором ID [дубликат]

В настоящее время я использую книгу CSS Mastery: Advanced Web Standards Solutions .

В главе 1, стр. 16 говорится:

Чтобы вычислить как конкретное правило, каждому типу селектора присваивается числовое значение. Специфика правила затем вычисляется путем суммирования значения каждого из его селекторов. К сожалению, специфика не вычисляется в базе 10, а в высоком, неуказанном, базовом числе. Это делается для того, чтобы очень специфичный селектор, такой как селектор идентификаторов, никогда не был переопределен множеством менее специфических селекторов, таких как селектор типов.

(выделение мое) и

Специфика селектора разбивается на четыре составляющих уровня: a, b, c и d.

• , если стиль является встроенным, тогда a = 1
• b = общее количество селекторов id
• c = число классов, псевдокласса и селекторов атрибутов
• d = число типов селекторов и селекторов псевдоэлементов

Далее говорится, что вы можете часто делать вычисления в базе 10, но только в том случае, если все столбцы имеют значения меньше 10.

---

В ваших примерах идентификаторы не стоят 100 баллов; каждый из них стоит [0, 1, 0, 0] очков. Следовательно, один id превосходит 15 классов, потому что [0, 1, 0, 0] больше, чем [0, 0, 15, 0] в системе с высоким номером.

Я не верю, что объяснение блога верно. Спецификация здесь:

http://www.w3.org/TR/CSS2/cascade.html#specificity

«Точки» из селектор классов не может быть более важным, чем селектор «id». Это просто не работает.

Я увлекаюсь сравнением ранжирования спецификаций с таблицей медалей Олимпийских игр (первый метод золота основан на количестве золотых медалей, затем серебряных, а затем и бронзовых).

Он также работает с вашим вопросом (огромное количество селекторов в одной группе специфичности). Специфичность рассматривалась каждой группой отдельно. В реальном мире я редко видел случай с более чем дюжиной селекторов).

Здесь также имеется неплохой калькулятор специфичности здесь . Вы можете поместить свой пример (#a и .a .b .c .d .e .f .g .h .i .j .k .l .m .n .o) и увидеть результаты.

Пример таблицы медалей Олимпийских игр в Рио-2016 выглядит как

Я бы сказал, что:

Element < Class < ID

Я думаю, что они складываются только в зависимости от того, что вы получаете, если оно кратно тому же. Таким образом, класс всегда будет переопределять элемент и идентификатор всегда над классом, но если он относится к одному из четырех элементов, где 3 - синим, а 1 - красным, он будет синим.

Например:

.a .b .c .d .e .f .g .h .i .j .k .l
{
color: red;
}

 .m .n .o
{
color blue;
}

Должно получиться красным.

См. Пример http://jsfiddle.net/RWFWq/

", если Vings скажем, красный и 3 говорят, что синий колодец Има пойдет красным "

Хороший вопрос.

Я не могу точно сказать - все статьи, которые мне удалось найти, избегают примера нескольких классов, например. здесь - но я предполагаю, что когда дело доходит до сравнения спецификации между селектором классов и идентификатором , класс вычисляется только с значением 15, независимо от того,

Это соответствует моему опыту в том, как себя ведет себя.

Однако должен быть некоторой укладкой классов, потому что

.a .b .c .d .e .f .g .h .i .j .k .l .m .n .o

более специфичен, чем

.o

, единственное, что у меня есть, это то, что специфика стековых классов вычисляется только друг против друга, но не против идентификаторов.

Update : Я на полпути получаю это сейчас. Это не система баллов, а информация о классах весом 15 баллов неверна. Это система нумерации на 4 части, очень хорошо объясненная здесь здесь .

Исходной точкой является 4 цифры:

style  id   class element
0,     0,   0,    0

Согласно пояснению W3C по специфичности , значения специфичности для вышеупомянутых правил:

#a            0,1,0,0    = 100
classes       0,0,15,0   = ... see the comments

Это система нумерации с очень большой (неопределенной?) базой.

Я понимаю, что, поскольку база очень большая, число в столбце 4 не может бить число > 0 в столбце 3, то же самое для столбца 2, столбец 1 .... Правильно ли это?

Мне было бы интересно, сможет ли кто-нибудь с лучшим пониманием в Math, чем я, объяснить систему нумерации и как преобразовать его в десятичный, когда отдельные элементы больше 9.