CSS в начале пути может показаться запутанным, особенно когда дело доходит до выбора нужных селекторов. Что выбрать — класс или ID? В каких случаях использовать комбинированные селекторы? И как не запутаться в стиле оформления? В этой статье мы разложим всё по полочкам: что такое селекторы CSS, чем отличается класс от ID, как правильно стилизовать элементы и какие ошибки чаще всего совершают новички. Всё с простыми примерами — никакой воды. Селекторы CSS — это основа стилизации HTML-элементов...

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