nordic it school

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

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

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

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

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

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

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

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

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

Мастер-класс по разработке на JAVA "Создаем свой счетчик калорий"
Вы узнаете, что такое Java, и напишите свое первое приложение под чутким руководством Романа Болобана, Java-разработчика компании Ростелеком. Всего за одно ОЧНОЕ занятие в Nordic IT School Вы сможете создать свой счетчик калорий и убедиться, что научиться программировать на Java вполне реально! подробнее...
03 июня 2021
Gradle - система сборки для Java, Kotlin и C++
Сегодня мы расскажем про систему сборки Gradle, которая широко используется, например, при сборке Java - приложений. Знания о нем могут помочь, при создании приложений на Java, C++, Kotlin и многих других. Сам Gradle пишется на Groovy и Kotlin. подробнее...
29 апреля 2021
Golang - востребованность и сферы применения
Сегодня мы решили рассказать, что из себя представляет язык программирования Golang - зачем он нужен, и как его можно использовать. Он был придуман в корпорации Google для того, чтобы разрабатывать быстрые и надежные бекенд – приложения (однако создан для того, чтобы писать, а не читать). подробнее...
24 апреля 2021
Посмотреть все новости

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

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

144 акад. ч.

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

Ближайшая группа: 
19 июня 2021

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

108 акад. ч.

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

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

144 акад. ч.

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

Ближайшая группа: 
24 июля 2021

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

216 акад. ч.

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

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

60 акад. ч.

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

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

144 акад. ч.

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

Ближайшая группа: 
15 июля 2021

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

144 акад. ч.

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

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

216 акад. ч.

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

Ближайшая группа: 
17 июня 2021

Курс «C# и .NET»

180 акад. ч.

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

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

108 акад. ч.

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

Ближайшая группа: 
21 июля 2021

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

54 акад. ч.

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

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

54 акад. ч.

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

МЫ РЯДОМ

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