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

Напомню, что CSS - это, по сути, набор различных селекторов и свойств к ним. Другими словами, весь CSS состоит из блоков такого вида: селектор {   свойство1: значение;   свойство2: значение; } С помощью селекторов мы говорим браузеру, какие элементы мы хотим форматировать, а при помощи задания свойств для этих селекторов – изменяем их. 1. Самый простой селектор – это универсальный селектор, обозначается звездочкой (*). Этот селектор обращается абсолютно ко всем элементам на странице и задает для них стили. * {marhin:0; padding:0;} 2. Следующий тип селекторов - это селектор по имени тега. Например, берем любой тег и задаем для него стили...