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