CSS: 256 классов имеют больший приоритет, чем id

[Klimenko]

Мсье знает толк в извращениях.

[MuLLtiQ]

Причём у меня это работает только если эти 256 классов заданы одним блоком:

.c000 /*...*/ .c255 {
  background: red;
}

Если хотя бы один класс из блока — уже не работает:

.c000 /*...*/ .c254 {
  background: red;
}

.c255 {
  background: red;
}

Браузер: 21-й Хром

[walkman7]

это вполне ожидаемое поведение

[mirrr]

В первом случае описывается класс c255, вложенный в множество других классов именно в определенной очередности, а во втором вы задали цвет любому элементу с классом с255, даже не вложенному в эти классы.

[MuLLtiQ]

Спасибо за разъясненение. Я написал глупость :)

Хотя всё равно остаётся вопрос: получается что к div-у вообще ни один из классов не применим, так как они определены в контекстном селекторе. Почему тогда это работает? Или в этом и кроется «магия»?

[MuLLtiQ]

А это влияет? Разве тогда они не запятыми должны быть разделены?

[MuLLtiQ]

Понял, опять написал глупость :)

[mirrr]

Это предназначалось комментатору на уровень выше.

[spmbt]

Значит, действительно, прав тот, у кого большинство голосов…

[negodnik]

«Специально привезенные на программисты дописывали css..»

[manny]

… но нах@ра?

[manny]

нет, правда, приведите хоть один реальны пример использования

[WST]

Речь ведь не об использовании, а просто о том, что было сделано любопытное наблюдение…

[manny]

я так полагаю, рассматривается случай, когда !important уже использован?

[TedBeer]

Я видел эту новость на ycombinator.com
Полез в стандарт и нашел, что необязательно надо 256 различных классов. Можно использовать один и тот же.

.c000.c000.c000.c000.c000.c000... {
   background: red;
}

[TedBeer]

кстати в IE9 тоже работает

[spmbt]

Действительно, это уже нормальный Fx+Webkit+ie хак:

<style>
#id {
  background: blue;
}
.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c.c {
  background: red;
}
div {
  height: 100px;
  width: 100px
}</style>
​<div id="id" class="c"><div>​

И это работает.
Пример: codepen.io/anon/pen/yAbci

[TheShock]

Да это же CSS-хак для определения Оперы!

[bolk]

А что, раньше их не было что ли? Вот «Опера» 9.50+:

x:-o-prefocus, .opera {
  background: red;
}

[TedBeer]

CSS3:
9. Calculating a selector's specificity
…
Note: Repeated occurrances of the same simple selector are allowed and do increase specificity.

[pavelvk]

поезно

[pavelvk]

полезно :)

[Hig]

Уже в предвкушении новых адских конструкций…

[spmbt]

ВЕРСТКА ОПАСНОСТЕ!!!!!!111

[SilentBrain]

Напомнило прикол про лимит в 128 вложенных if. Программист жаловался, что компилятор игнорировал дальнейшие условия и пришлось использовать switch :)

[DaleMartinWatson]

А что за ЯП такой? И программист случайно не china-style?

[VasilioRuzanni]

Ба! Вот тебе и specificity :)

[GMM]

кто-то пробовал c Оперой? У меня квадрат все время синий, может где-то ошибся.

[GMM]

ну так я и сделал 65536 классов для теста оперы, а квадрат все равно синий

[LeonidZ]

Пересчитайте, может не хватает парочки? :)

[Delka]

А разве специфичность селекторов не рассчитывается в binary согласно www.w3.org/TR/CSS2/cascade.html#specificity?
Один.класс == 0001
Один #id == 0100

256 классов == 0100

[Delka]

Я когда читал спеку и книгу Мейера, увидев там 0001, 0010, 0100 и т.д — был уверен что расчёт идет в binary, ну это же настолько логично, что предполагается сразу! Тем более что подобные расчёты веса используются во многих других случаях и областях.