Comments 47
Мсье знает толк в извращениях.
Причём у меня это работает только если эти 256 классов заданы одним блоком:
Если хотя бы один класс из блока — уже не работает:
Браузер: 21-й Хром
.c000 /*...*/ .c255 {
background: red;
}
Если хотя бы один класс из блока — уже не работает:
.c000 /*...*/ .c254 {
background: red;
}
.c255 {
background: red;
}
Браузер: 21-й Хром
UFO just landed and posted this here
это вполне ожидаемое поведение
В первом случае описывается класс c255, вложенный в множество других классов именно в определенной очередности, а во втором вы задали цвет любому элементу с классом с255, даже не вложенному в эти классы.
Это предназначалось комментатору на уровень выше.
Значит, действительно, прав тот, у кого большинство голосов…
… но нах@ра?
Я видел эту новость на ycombinator.com
Полез в стандарт и нашел, что необязательно надо 256 различных классов. Можно использовать один и тот же.
Полез в стандарт и нашел, что необязательно надо 256 различных классов. Можно использовать один и тот же.
.c000.c000.c000.c000.c000.c000... {
background: red;
}
кстати в IE9 тоже работает
Действительно, это уже нормальный Fx+Webkit+ie хак:
Пример: codepen.io/anon/pen/yAbci
<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
UFO just landed and posted this here
поезно
Напомнило прикол про лимит в 128 вложенных if. Программист жаловался, что компилятор игнорировал дальнейшие условия и пришлось использовать switch :)
А что за ЯП такой? И программист случайно не china-style?
Ба! Вот тебе и specificity :)
кто-то пробовал c Оперой? У меня квадрат все время синий, может где-то ошибся.
А разве специфичность селекторов не рассчитывается в binary согласно www.w3.org/TR/CSS2/cascade.html#specificity?
Один.класс == 0001
Один #id == 0100
256 классов == 0100
Один.класс == 0001
Один #id == 0100
256 классов == 0100
Sign up to leave a comment.
CSS: 256 классов имеют больший приоритет, чем id