Вес CSS селекторов
09 Jun, 2005Оффтоп: я еще жив. :)
Оффтоп 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 баллов.
Определенно, все это придумывали математики...
8 комментариев к “Вес CSS селекторов”