ВСЁ, что нужно знать о CSS Селекторах. Типы селекторы css 

Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

*Вот таких видео не хватает на ютубе. Всё чётко и понятно, и много информации за 40 минут. *

Про запоминание odd и even отдельный респект! Я тоже никак не мог запомнить, какой есть какой.

😊приятно смотреть. Автор так по-доброму улыбается, когда делится какими-то фишками запоминания и понимания. 40 минут пролетели незаметно, спасибо за видео!

Обращение по: 1:22 - тегам 2:34 - классом 3:56 - ID Обобщенные и соседне родственные комбинаторы: 10:56 - селектор '+' 12:08 - селектор '~' 13:48 - наследственный и потомственный комбинатор 16:53 - обращение к дочернему элементу '>' 17:51 - универсальный селектор '*' 21:23 - обращение по атрибуту Псевдо-классы 27:00 - :first-child 27:50 - :last-child 31:34 - :not-child(:first-child) 33:38 - :nth-child() 36:24 - :empty 37:57 - :hover 38:33 - :active 38:41 - :focus 38:50 - :checked 39:54 - Итоги

за селектор + отдельное спасибо , сколько смотрел примеров верстки ВСЕ использовали переопределения стиля!

Супер полезный ролик. Спасибо)

Красавчик спасибо большое . после ваших видосов можно гением стать )) мне очень было необходимо укрепить знания и долго искал блогера у которого есть большой опыт по верстке . который не заикается и не стерает все по 50 раз ) все четко все по теме. очень крутейший канал у вас спасибо что вы есть )

Какой же классное видео!!! Всё ясно и понятно! Спасибо огромное автору!!!

Ты слишком позитивный чувачок 🙃

Офигенный способ запомнить odd, even) я запомнил так: odd - странное слово, значит нечетное. Потом оказалось что odd имеет также значение - странный)

Посмотрел выпуск It-Бороды с вашим участием. Убедили что без верстки во фронт не придёшь. В итоге смотрю ваш канал и понимаю, что зря сторонился верстки. Ваши видео раскладывают всё по полочкам и становится легче. Спасибо за ваш труд !

Очень круто сделал. Понятно и внятно. Тем кому кажется медленно, то рекомендую 1.25 использовать, тогда будет вообще пушка )

Прикольно, освежил в памяти, не смотря на то что всё это уже прошёл, спасибо тебе, кстати клёвое интервью у Айтибороды, спасибо

Отличная подача, посмотрел с удовольствием.

Спасибо Вам за годную и понятную инфу🙌🏻

Да, комментаторы написали правду - очень информативная ясная подача!

Очень классная подача материала. Понравилось

Вот прям респект. Одно слово-характеристика видео : "ПОНЯТНО"

Что ж, учитывая что я знаю в два раза больше селекторов, то я определенно успешно обучаюсь)) Но все же раньше начинал изучать селекторы именно из этого видео, очень годное видео, сейчас пересмотрел) И не зря, освежил память, например, селекторы + и ~, подзабыл как они работают. А насчет селекторов в атрибутах, то я рекомендую всегда использовать *, этот селектор максимально точен и удобен, и символ легко набирается на цифровой клавиатуре) Простота -- залог успеха и красивого кода

Робіть по більше таких відео. Не зупиняйтесь !

Ещё только изучаю CSS. в 13:28 вы закрепляете материал про "+" и "~", говоря про "+", что это "соседний", однако я вижу разницу между тремя вариантами "соседний"/"предыдущий соседний"/"следующий соседний". Как мне показалось корректнее было бы к "+" применить "следующий соседний", так как просто "соседний" может означать "предыдущий соседний", но как мы видим "+" на предыдущих соседей не работает, да и под соседним понимается только рядом стоящий элемент имеющий общего родителя; и про "~" - опять же, цитата: "ко всем элементам на всей протяженности независимо от того, что находится между этими элементами", я всё-таки себе позволю добавить, что такое утверждение истинно, если эти элементы на одном уровне подчиненности с любой стороны (неважно, рядом или нет, главное что у них должен быть общий родитель). Прошу прощения, что взялся учить учителя, однако считаю, что при закреплении нужно уточнять все нюансы, иначе можно неправильно закрепить материал. Также имею цель убедиться, что я правильно понял сам, и если нет, то прошу меня поправить.

Спасибо вам большое за такое простое и доступное обьяснение! Вы просто супер!

Кстати очень понятно и интересно рассказывает , рекомендую!)

Спасибо 👍

Лучший учитель из всех кого видел , а видел всех !!!

Отличное преподавание👍👍👍

Спасибо большое за информацию. Наверное не хватает только :root для тех кто пользуется переменными

Вы - большая Умничка. Спасибо большое!

Видео интересное и полезное, но чтобы запомнить все селекторы, их надо постоянно применять. На практике применяю не все, поэтому некоторые селекторы забываются. Спасибо большое. Видео сохраню у себя.

Какой же ты крутой!

очень хорошее видео !!!!!!!! Автор мега крут

Спасибо, очень классно, информативно, очень интересен псевдокласс Checked, хотелось бы поподробнее, я слышал, что с помощью дата-атрибутов и checked можно делать кучу динамичных вещей, в частности любые выпадающие списки.. и это вообще без JS.

Спасибо Виталя!!! Очень помог с псевдоклассами!

Большое спасибо!

Классный урок, спасибо за видео:)

Как классно! Благодарю!

И мою благодарность примите пожалуйста) всё понравилось ,добавил к себе в плейлист )

Отличный материал и подача, благодарю!

Спасибо большое за видео !🙏

Благодарю за информацию. Внес разъяснения :)))

Спасибо! Годный контент!

Мне понравилось)

Спасибо за полезное и информативное видео! Таймкоды бы еще, и вообще пушка тогда)

Благодарю Вас за видео.

Шикарное видео и канала вообще! Жаль, что так мало подписчиков, если честно я удивлен.

Спасибо, хорошо рассказываешь) Перешел к тебе от Хауди Хо!

Спасибо большое, продолжай в том же духе. Очень помог!

Очень круто! Спасибо

видео топ, максимольно доступно

Спасибо за такой интересный урок, но не хватило ::before, ::after and last-of-type и тд.

кажется что ваше обьяснение с рубашками и шкафом, немного не в тему)

спасибо за полезный крутой видос)

Спасибо - полезно!

Спасибо! Круто!

Спасибо за видео

Спасибо большое!:)

я когда смотрю на него я вспоминаю Детство, там где Крэнг слушает Крэнга

Thanks

Вот сколько изучаю HTML and CSS и разницу от языков программирования что-то особо не вижу,просто узкоспециализированные инструменты ,ЯП.Такие хорошие у вас уроки ,особо спасибо за фрогги, что сразу вижу ошибки и на что их нужно заменить ,до того как вы их исправляете .

а :target и :focus где?))) чего не рассказал?)) +1 колокольчик))) 🤩

По завершению видео был пример с ссылкой ...псевдоКласс :hover - делает элемент активным если наведена мышь... Вопрос: "Как сделать плавный переход из одного цвета в другой?"

Brazzers Молодец! Спасибо за понятное разъяснение.

Супер. Дякую)))

Спасибо за ваш труд! Возможно подскажите в следующем вопросе. В документе используются семантические теги. Главный footer, состоит из header и footer. Как правильно обратится к вложенному footer через селектор, что бы не нарушить свойства главного footer?

Можете посоветовать книги или видео обучения, с готовыми проектами, желательно не старше 3-х летней давности.

А видео по JS будут?

там где ссылка посещена это же псевдокласс "visited" а не "active", и на счет сестринского псевдокласса с + -ом не совсем согласен, хорошо читай документацию, а так с остальными согласен

╔╗╔╗╔╗╦╗ ║╦║║║║║║ ╚╝╚╝╚╝╩╝ 👀 Как же круто Вы рассказываете!!! Осталось немного попрактиковаться, чтобы закрепить в памяти полученную информацию и уметь использовать на практике !!! Что касается лайков и дизлайков под этим видео, то скажу так: дизлайк{ status: idiots; }

Хочется настроить так же Visual Studio Code, чтобы она отображала сразу результат. Подскажите как это сделать? Или это не программа, а какой то специальный сайт?

Мужик

Я пишу Id в тегах header, section и footer. Писать Id или классы? Как будет лучше?🤔

объясните пожалуйста для Чайника :) Классы имеют какие то названия? или мы пишем что хотим? Спасибо.

Времени по темам не хватает .

26:30

Ну вот кто, блэд, КТО СТАВИТ ДИЗЛАЙК? Покажись!

Это Кошевой ?

А как же before и after?

лысый из браузера хорош

+

Ни чего не видно

bump

Всё нормально но, блин, про какие кейсы он говорил, которые вспомнить не мог (на 4:47 минуте) !!!???? Причём здесь кейсы??? Вот как понимать человека если он говорит вроде по-русски и в своей речи употребляет в полнее устоявшееся значение слова кейс - шкаф, ёмкость, сундук, короче кейс. Но употребляет это слово с совершенно иным значением. К чему этот шифр? А точнее, зачем заменять нормальное, устоявшееся слово в русском языке на уже двусмысленный англицизм? Ваша речь становится ещё менее понятной! Это простое желания подрожать, идти в ногу с трендами? Или как «по фене ботать» - чтобы только свои поняли? Или это просто слабое знание своего родного языка, когда словарный запас русского языка ещё на среднем уровне а уже за английский взялся, от чего часто правильные слова по-русски уже трудно подобрать? Сея претензии, по сути не конкретно к автору ролика, а вообще ко многим, особенно из IT - сферы. Страшно представить, когда мода пойдёт учить китайский язык, что тогда с русским станет. И как тогда русскую речь будут пытаться понять те, кто только английский учил. Кейс в русском языке - это кейс, а не случай, обстоятельство, ситуация или премер из жизни.

Слишком мелко!!! Не удобно смотреть!!!!!

Все-таки обманул: обещал оставить 2 ссылки - на Мозиллу и W3 - и не оставил!

покрупнее бы

После ЦэЭсЭс слушать уже не хотелось... /рукалицо/ уши режет...

топчик

Спасибо)

Отличное видео! Теперь тоже больше не буду путать odd и even). Спасибо!

Что ? ЦСС ?) Я понял, спасибо за видео )))))00)0)0)))0)))

Было полезно и интересно! Ставлю лайк + коммент!) Спасибо Виталию!

братан спасибо большое

Пища для мозгов вкусняшка! :3