2. Гайд по CSS-селекторам, расчёт специфичности в CSS. Приоритет и вес стилей
Основы CSS - веса селекторов
Тут мы поговорим о том как определить какое на самом деле значение CSS свойства будет применено на элементе. Рассмотрим ситуации когда несколько селекторов определяют одно и тоже правило для одного и того же элемента Если у нас есть несколько способов сформулировать селектор на один и тот же элемент это значить что у нас возможны ситуации когда правила в одном селекторе противоречат правилам другого. Когда такое происходит браузеру необходимо принять решение о том как же отображать этот элемент...
Селекторы CSS и их вес: как браузер выбирает победителя в стилевых войнах
Каскадные таблицы стилей (CSS) позволяют гибко управлять оформлением HTML-элементов. Но что происходит, когда несколько правил претендуют на один и тот же элемент? В этой статье мы разберём, как работают селекторы, как вычисляется их вес и какие правила применяются в спорных ситуациях. Селекторы определяют, к каким элементам HTML применяются стили. Рассмотрим основные виды: p { color: blue; }
.text-red { color: red; }
#header { background: black; }
* { margin: 0; }
div p...