17 декабря 2009, 21:55
Приоритет селекторов
- styleDeclaration в тэге;
- #idName с правиле;
- .className и pseudo-className в правиле;
- tagName и pseudo-tagName;
Все 4 правила сводяться в одну систему a-b-c-d(где а — наивысший приоритет) и образуют специфичность.
| Селектор | Специфичность a-b-c-d | Правило № |
|---|---|---|
| * | 0-0-0-0 | - |
| li | 0-0-0-1 | 4 |
| li:first-line | 0-0-0-2 | 4 |
| ul li | 0-0-0-2 | 4 |
| ul ol+li | 0-0-0-3 | 4 |
| form + *[type=text] | 0-0-1-1 | 3, 4 |
| table tr td.second | 0-0-1-3 | 3, 4 |
| h2.block.title. | 0-0-2-1 | 3, 4 |
| #xyz | 0-1-0-0 | 2 |
| style=«» | 1-0-0-0 | 1 |
1 комментарий РСС
А ещё есть браузерные нативные стили, которые перебиваются даже звёздочкой.
А ещё есть user CSS, приоритет которых даже выше чем у инлайновых стилей (хотя надо бы во всех браузерах, которые поддерживают аналог user CSS).
:)
Ваш комментарий