Вес CSS селекторов

9 June, 2005

XHTML/CSS, Общие

Оффтоп: я еще жив. :)
Оффтоп 2: PHP программерам смотреть конец поста…
Когда долго писал слoжные по логике стили иногда начинал путаться в каскадах.
Какое правило над каким имеет приоритет? Не всегда был уверен…

Быть может кому то пригодится(выдержка с В3Ц):

LI            {...}  /* a=0 b=0 c=1 -> specificity =   1 */
UL LI         {...}  /* a=0 b=0 c=2 -> specificity =   2 */
UL OL LI      {...}  /* a=0 b=0 c=3 -> specificity =   3 */
LI.red        {...}  /* a=0 b=1 c=1 -> specificity =  11 */
UL OL LI.red  {...}  /* a=0 b=1 c=3 -> specificity =  13 */ 
#x34y         {...}  /* a=1 b=0 c=0 -> specificity = 100 */ 

Короче говоря в селекторе – каждое название тэга – 1 балл,
каждое название класса – 10 баллов,
и каждое название ID – 100 баллов.

Определенно, все это придумывали математики…

Работа

Разыскивается хороший киевский PHP программер для долгосрочного проекта(неблаготворительного). Интересующимся слать мне мыло с указаниeм работ. (мой адрес внизу) Или в комменты…

XHTML/CSS, Общие

8 комментариев к “Вес CSS селекторов”

bsn | 1. 9 June, 2005

отпиши что за проект. просто интересно :)

ganges | 2. 9 June, 2005

И пост этот писали тоже математики :)
Так и не понял что ты хотел этим сказать..Устал наверное (я) или вообще “дупля не отбиваю” :)
ИМХО специфичностью большей обладает более “длинное” правило

akella | 3. 10 June, 2005

2 Ganges:
Вот и я так думал… а на самом деле любой класс перешибает строку из названий 9 тэгов… По стандарту по крайней мере.
2 bsn:
Сервис для одного развивающегося украинского портала(какого думай сам ;) ), с перспективой на послед сотрудничество.

ganges | 4. 10 June, 2005

Спасибо, теперь мне понятен смысл твоего постинга. Тогда айдишка перешибает сотню ? :))

akella | 5. 10 June, 2005

Я б сказал 99 ;)

besenok | 6. 11 June, 2005

что за сервис ? отпиши мне на мыло пожалста

rpuwa | 7. 29 June, 2005

Портала, говоришь… :) Я прикололся…

уке | 8. 28 January, 2010

rt

Оставить комментарий