Тут мы поговорим о том как определить какое на самом деле значение CSS свойства будет применено на элементе. Рассмотрим ситуации когда несколько селекторов определяют одно и тоже правило для одного и того же элемента Если у нас есть несколько способов сформулировать селектор на один и тот же элемент это значить что у нас возможны ситуации когда правила в одном селекторе противоречат правилам другого. Когда такое происходит браузеру необходимо принять решение о том как же отображать этот элемент...

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