Тут поговорим о приоритетах CSS правил на верхнем уровне не углубляясь в селекторы. Что если в атрибутах тега описано одно поведение, а в стилях другое. Что за флаг !important и как с ним бороться. Порядок чтения Рассмотрим эту систему на примерах. Начиная с самого простого: a { color: red } a { color: blue } Попробуйте предположить какого цвета в этом случае будут ссылки? Красного или синего, тут можно придумать несколько теорий. Первая браузер читает правила снизу-вверх справа налево, встречая первое совпадение сразу начинает рисовать для элемента...

Специфика CSS - это про то, какие стили применяются к элементам: чем конкретнее селектор CSS, тем больше веса он имеет при определении стиля элемента. Возьмем следующий HTML и CSS в качестве примера: <article id="css-rocks"> ... </article> <style> #css-rocks { background-color: white; } article { background-color: black; } </style> Побеждает белый цвет, так как селектор id более специфичен и имеет больший вес. Существует пять основных уровней, которые определяют специфику стиля, от наименее специфического к наиболее специфичному: 1...