Что такое «каскадные правила»?

Question

Что такое каскадные правила? что они имеют в виду? Все, что я знаю, следующее:

В порядке возрастания важности (от низкого до высокого):

1. заявление агент пользователя
2. пользователя обычных деклараций
3. Автор нормальных декларации
4. Автора важных деклараций
5. Важные декларации пользователя

Являются ли эти правила CSS?

Answer 1

The specification ясно указывает на определение каскада. То, что вы включаете в свой вопрос, имеет значение правил стилей. Правила в определенной таблице стилей также имеют определенность в таблице стилей. Для наборов правил с той же специфичностью порядок имеет значение.

Например, в пределах одного автора таблицы стилей:

.link { color: red; } 
.link:hover { color: green; } 
.also-link { color: blue; } 

Для элемента с классом link, он будет иметь color: red правило. Если вы наведите курсор на него, он будет иметь color: green. Если элемент имеет класс link also-link, он будет color: blue, так как правила .also-link объявляются после.link, и специфика одинакова. Если вы наведите курсор на link also-link, это будет color: green, потому что .link:hover имеет более высокую специфичность, даже если он объявлен ранее в таблице стилей.