nordic it school

CSS селекторы - самые популярные и сложные

Каждый, кто только начинает свое изучение веб-технологий и только приступает к HTML & CSS, чаще всего удивляются большому количеству селекторов, которые можно использовать для стилизации того или иного элемента.

Сегодня мы с вами посмотрим на самые распространенные селекторы:

Селектор по тэгу (типа body) — это когда вы выбираете элемент, делая ссылку на него непосредственно как на тэг. Это один из самых простых селекторов, и он используется, если вы хотите задать определенные стили всем подобным тэгам. Наиболее адекватное применение такого тега - в таблицах сбросов. В остальных случая их применение скорее нежелательно, потому что они могут создавать трудноотслеживаемые эффекты.

Селектор по id (типа info) - имеет достаточно высокую специфичность, по той причине, что должен использоваться только для одного элемента. Множественное использование этого типа селектора является нежелательным

Селектор по классу (типа. main) - самый распространённый вариант селектора. Имеет специфичность ниже, чем у id, но выше, чем просто у тэга. Рабочие лошадки верстки, потому что могут быть использованы на любых элементах множество раз. Комбинация тэга div и класса является по сути классикой веба, который позволяет «слепить» из элемента то, что захочет разработчик.

Селекторы на атрибут (типа [name=«tel»]) - применяются тоже достаточно редко, только когда нужно выделить элемент по специфичному атрибуту. Классическое применение - например для разных input. В остальном применяются не часто. Специфичность больше, чем id.

Мы разобрали с вами самые популярные селекторы. Начинайте создавать свои сайты!

ДРУГИЕ НОВОСТИ

October CMS - одна из самых перспективных и расширяемых CMS систем.
CMS - это система управления контентом сайта, которая позволяет вам на определенной шаблон добавлять контент (это может быть блог, новостной сайт, какой-то интернет- магазин). подробнее...
02 марта 2021
Варианты хостинга - бесплатные, дешевые и актуальные
Сегодня мы расскажем вам, где веб-разработчики могут захостить свои проекты. Для тех, кто не знает, что это такое: хостинг — это сервис, который предоставляет вам услуги по размещению вашего веб - сайта в сети. подробнее...
02 марта 2021
Слепая печать - насколько это необходимо, и каким образом можно нарастить навык?
В глазах большинства людей, программисты - это люди, которые постоянно печатают, набирая какой-то код. Данное утверждение, вне сомнения, сейчас уже не совсем верно. подробнее...
01 марта 2021
Посмотреть все новости

Выберите курс

Курс «Веб-разработка»

Курс для начинающих

Выберите тип обучения

Очный
144 акад. ч.
Онлайн
180 акад. ч.

Ближайшая очная группа: 
12 марта 2021

Курс «JavaScript-разработчик»

108 акад. ч.

Очный курс, необходимый уровень подготовки:
Основы
верстки сайтов
AJAXВеб-разработка

Курс «Golang-разработчик»

144 акад. ч.

Очный курс для начинающих

Курс «Основы верстки сайтов»

Курс для начинающих

Выберите тип обучения

Очный
60 акад. ч.
Онлайн
180 акад. ч.

Ближайшая очная группа: 
12 марта 2021

Курс «Анализ данных
на Python»

144 акад. ч.

Очный курс для начинающих

Ближайшая группа: 
05 апреля 2021

Курс «Android-разработка
на Kotlin»

144 акад. ч.

Очный курс для начинающих

Ближайшая группа: 
20 марта 2021

Курс «JAVA-разработчик»

144 акад. ч.

Очный курс для начинающих

Набор на апрель

Курс «C# и .NET»

144 акад. ч.

Очный курс для начинающих

Ближайшая группа: 
12 апреля 2021

Курс «Scratch: программирование для детей»

54 акад. ч.

Очный курс для детей 8–12 лет.

Курс «Основы создания игр»

54 акад. ч.

Очный курс для начинающих

МЫ РЯДОМ

Nordic IT School
Москва, ул. Большая Спасская 12
moscow@inordic.ru
лицензия на осуществление образовательной деятельности
Лицензия на осуществление образовательной деятельности:
№ 035452 от 19.09.2014 года