Заметки разработчика: селекторы CSS

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

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

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

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

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

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

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

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

Еще статьи

Открытая лекция на ВДНХ
Лекция о том, как войти в сферу высоких технологий, какие инструменты стоит изучать в первую очередь? Какие технологии, направления пользуются спросом? Что хотят от соискателей крупные компании? как создать свой IT стартап? Как технологии помогают бизнесу? Все, что вы хотели знать о программировании, но боялись спросить.
14 июня 2021
Мастер-класс по web-программированию:
Интерактивное занятие с преподавателем по программированию для всех, кто хотел бы примерить на себя профессию разработчика на пару часов и создать небольшую программу своими руками — свой собственный Планировщик задач с PUSH-уведомлениями на телефон.
06 июня 2021
Мастер-класс по разработке на JAVA
Вы узнаете, что такое Java, и напишите свое первое приложение под чутким руководством Романа Болобана, Java-разработчика компании Ростелеком. Всего за одно ОЧНОЕ занятие в Nordic IT School Вы сможете создать свой счетчик калорий и убедиться, что научиться программировать на Java вполне реально!
03 июня 2021
Nordic IT School

Москва, ул. Большая Спасская 12

+7 925 632-21-47

+7 495 626-46-00

moscow@inordic.ru

День открытых дверей

Black Friday

26-30 ноября скидка 15% на любой курс