Css обладает большим списком различных селекторов и, как ожидалось, каждый из них по разному влияет на скорость прогрузки страницы. Разница не сильно будет заметна на одностраничных проектах, но при вёрстке крупного проекта важна малейшая деталь,…
Селекторы помогают верстальщику накладывать на различные элементы стиль, легко захватывая нужные, обходя не нужные, и новизна этого селектора не делает его исключением. Селектор обобщенных родственных элементов (СОРЭ) — это инструмент помогающий…
Основной задачей, которую преследует верстальщик, является создать красивый и удобный ресурс. То, как вы оформите свой проект, будет играть большую роль в его будущем, не всем захочется долго находиться на некрасивом сайте. А при оформлении на…
Иногда при создании сайта появляется необходимость применить конкретный стиль ко всем элементам, которые встречаются на странице без исключений. Для реализации этой задачи используют универсальный селектор. Описание Он обозначается в виде символа…
При создании своего проекта, часто верстальщик сначала задаёт общие стили для отдельных типов тегов на странице, оформляя их под основную концепцию будущего сайта (к примеру сразу можно задать отступы абзацам). Это ускоряет загрузку страницы, так…
Сущность селектора Основная задача данного селектора следует из его названия и заключается в обращении к дочернему элементу. Выводится с помощью элементарного знака «>», который связывает дочерний элемент с элементом родителя. Также стоит…
Разберем подробно понятие селектора идентификатора. Основная его задача на практике заключается в выделении некоторого компонента по уникальному обозначению, то есть атрибуту id. В коде обозначается значком «#» после которого следует его название…
Работая с CSS, перед нами постоянно стоит задача составления наиболее рациональных селекторов. Понимание принципа действия селектора потомка становиться одним из ключей к написанию качественного кода. Селектор потомка помогает реализовать одну из…
Практически все верстальщики знают о существовании селекторов атрибутов css и хоть раз да встречали у себя в коде конструкции из разряда input[type="submit"], но лишь избранные единицы знают, что на самом деле их существует 7 разновидностей, каждая…
Гибкость выбора элементов из DOM структуры документа при помощи селектора класса принесла ему лавры самого часто используемого селектора в CSS. Он позволяет при необходимости присвоить оформление не просто всем одинаковым тегам, а сделать из них…