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