Урок #3 - Виды селекторов в CSS
Привет, в этом уроке мы рассмотрим виды селекторов в CSS, разберемся каким именно способом лучше осуществлять обращение к HTML элементам через CSS, изучим селекторы по: тегу, классу, атрибуту и id. Приятного просмотра, не забудь поставить лайк, оформить подписку и оставить комментарий. Мои соц. сети: Telegram - https://t.me/VS_FRONTEND LinkedIn - https://www.linkedin.com/in/vladimir-... Twitter - https://twitter.com/VovaShaitan Facebook - https://www.facebook.com/vladimir.sha... Instagram - https://www.instagram.com/vlad.sha/ #CSS #HTML #web #ShaitanVladimir Таймкоды: 00:00 Виды селекторов 00:15 Селектор по тегу 00:49 Селектор по классу 03:55 Селектор по атрибуту 08:04 Селектор по идентификатору --------- Транскрипт урока --------- Любые стили CSS записываются по одной и той же формуле: название стиля: значение; Чтобы добавить стиль к элементу, необходимо использовать селектор. Он указывает, к какому именно элементу или элементам нужно добавить наши стили. Для примера, изменим цвет шрифта у параграфа который есть у нас в HTML. Селектор по тегу - самый простой селектор который помогает нам выбрать элементы по названию их тега, для этого нам нужно только указать название тега без скобок. Селектор по классу. Если мы хотим привязывать стили только к определенным элементам мы можем использовать селекторы по классу, для этого нам необходимо задать атрибут class с для тега html с логическим значением. Для того чтобы добраться к элементу по классу нам нужно перед значением атрибута class нужного нам элемента поставить '.' точку. Селектор по атрибуту. Работает абсолютно аналогично селектору по классу, но имеет другой синтаксис [имя-атрибута="значение атрибута"] Селектор по идентификатору. Этот селектор похож на селектор выборки элементов по классу но ключевое отличие состоит в том что для использования такого селектора вам необходимо давать html тегам атрибут id, а значение этого атрибута в свою очередь должно быть уникально в рамках всей страницы. Из-за этих ограничений вы не можете создавать одинаковые атрибуты id на всех тегах, так как это будет ошибкой.
Привет, в этом уроке мы рассмотрим виды селекторов в CSS, разберемся каким именно способом лучше осуществлять обращение к HTML элементам через CSS, изучим селекторы по: тегу, классу, атрибуту и id. Приятного просмотра, не забудь поставить лайк, оформить подписку и оставить комментарий. Мои соц. сети: Telegram - https://t.me/VS_FRONTEND LinkedIn - https://www.linkedin.com/in/vladimir-... Twitter - https://twitter.com/VovaShaitan Facebook - https://www.facebook.com/vladimir.sha... Instagram - https://www.instagram.com/vlad.sha/ #CSS #HTML #web #ShaitanVladimir Таймкоды: 00:00 Виды селекторов 00:15 Селектор по тегу 00:49 Селектор по классу 03:55 Селектор по атрибуту 08:04 Селектор по идентификатору --------- Транскрипт урока --------- Любые стили CSS записываются по одной и той же формуле: название стиля: значение; Чтобы добавить стиль к элементу, необходимо использовать селектор. Он указывает, к какому именно элементу или элементам нужно добавить наши стили. Для примера, изменим цвет шрифта у параграфа который есть у нас в HTML. Селектор по тегу - самый простой селектор который помогает нам выбрать элементы по названию их тега, для этого нам нужно только указать название тега без скобок. Селектор по классу. Если мы хотим привязывать стили только к определенным элементам мы можем использовать селекторы по классу, для этого нам необходимо задать атрибут class с для тега html с логическим значением. Для того чтобы добраться к элементу по классу нам нужно перед значением атрибута class нужного нам элемента поставить '.' точку. Селектор по атрибуту. Работает абсолютно аналогично селектору по классу, но имеет другой синтаксис [имя-атрибута="значение атрибута"] Селектор по идентификатору. Этот селектор похож на селектор выборки элементов по классу но ключевое отличие состоит в том что для использования такого селектора вам необходимо давать html тегам атрибут id, а значение этого атрибута в свою очередь должно быть уникально в рамках всей страницы. Из-за этих ограничений вы не можете создавать одинаковые атрибуты id на всех тегах, так как это будет ошибкой.