17 декабря 2009, 21:55

Приоритет селекторов

  1. styleDeclaration в тэге;
  2. #idName с правиле;
  3. .className и pseudo-className в правиле;
  4. tagName и pseudo-tagName;

Все 4 правила сводяться в одну систему a-b-c-d(где а — наивысший приоритет) и образуют специфичность.

СелекторСпецифичность a-b-c-dПравило №
* 0-0-0-0-
li 0-0-0-14
li:first-line 0-0-0-24
ul li 0-0-0-24
ul ol+li 0-0-0-34
form + *[type=text] 0-0-1-13, 4
table tr td.second 0-0-1-33, 4
h2.block.title. 0-0-2-13, 4
#xyz 0-1-0-02
style=«» 1-0-0-01

1 комментарий РСС

kizu
А ещё есть !important, который перебивает и инлайновые стили ;)

А ещё есть браузерные нативные стили, которые перебиваются даже звёздочкой.

А ещё есть user CSS, приоритет которых даже выше чем у инлайновых стилей (хотя надо бы во всех браузерах, которые поддерживают аналог user CSS).

:)
Vitaliy Bogdanets
А ещё есть куча хаков для различных браузеров и подходит цсс3, где тоже много чудес различных ;)

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter