Для определения стиля к элементу могут применяться различные селекторы, и важность каждого селектора оценивается в баллах. Чем больше у селектора пунктов, тем он важнее, и тем больший приоритет его стили имеют над стилями других селекторов.
- Селекторы тегов имеют важность, оцениваемую в 1 балл
- Селекторы классов, атрибутов и псевдоклассов оцениваются в 10 баллов
- Селекторы идентификаторов оцениваются в 100 баллов
- Встроенные inline-стили (задаваемые через атрибут style) оцениваются в 1000 баллов
Рассмотрим, как у нас будут суммироваться баллы по каждому из пяти селекторов:
| Селектор | Идентефикаторы | Классы | Теги | Сумма |
| .nav li a | 0 | 1 | 2 | 12 |
| #menu a | 1 | 0 | 1 | 101 |
| .nav .menuItem | 0 | 2 | 0 | 20 |
| a.menuItem:not(.newsLink) | 0 | 2 | 1 | 21 |
| div ul li a | 0 | 0 | 4 | 4 |
CSS предоставляет возможность полностью отменить значимость стилей. Для этого в конце стиля указывается значение !important:
Если случилось так, что два селектора имеют одинаковый вес, то приоритет отдается тому стилю, который находится ниже в коде. Если для одного элемента задан стиль и во внешней, и во внутренней таблицах, то приоритет отдается стилю в той таблице, которая находится ниже в коде.