CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10

[@FreelancerLifeStyle]

Ребята, надеюсь выпуск понравился! Тут еще пара полезных ссылок: Чат по верстке: t.me/flschat Instagram: instagram.com/freelancer.lifestyle Telegram канал: t.me/freelancer_lifestyle Facebook: facebook.com/freelancerlifestyle

[@kingmanhart1365]

Фрилансер по жизни Женя,будут выпуски по анимациям в CSS? Популярная тема в вебе.

[@FreelancerLifeStyle]

@@kingmanhart1365 конечно

[@itSumomo]

У меня при наведении на блок с hover, увеличивается блок, и слова стоящие рядом съезжают на 1 пиксель в сторону... не понимаю что не так.

[@_Zexid_]

Привет, у меня вопрос по домашке: Как сделать так чтобы все пункты списка менялись при наведении на список.

[@Tornado-ln7fq]

@@_Zexid_ Ну это просто. ul li:nth-child(numbers):hover{background:#fff;}

[@ЕгорМатусевич-р3м]

Вроде видеороликам уже немало времени, а бесплатного курса никто лучше так и не выпустил, огромный респект за старания.

[@FreelancerLifeStyle]

Спасибо!

[@AndreLLo_o]

Проблема когда пишу :hover саблайм как будто не распознает это ,ничего не происходит после того, как написал

[@АнастасияПрокофьева-и2й]

Полностью согласна

[@Sexigirl00]

@@AndreLLo_o попробуй ::hover

[@Turcha87]

Я вот спустя 3 года тоже начал изучать)) С такими преподавателями есть вера,что все получится,спасибо большое

[@s1Ngle995]

Ребята, парень старается делает годный материал, почему лайков меньше чем 50% просмотров, давайте не жадничаем, поддержим автора !!! ))) Видео огонь, спасибо автору.

[@FreelancerLifeStyle]

Спасибо большое! Было бы здорово!

[@АлександрПапенков-з2ф]

Солидарен, каждое видео лайкаю с трех аккаунтов, чем могу.

[@FreelancerLifeStyle]

Спасибо! 👍😊

[@NJ-dr8pf]

Я новичок и полностью согласен Уроки крутые и понятные, а главное интересные

[@kotiko_oks]

да, очень обидно (я все видео лайкаю) щас ещё с двух левых аков зайду лайкну :)))

[@optimax7357]

Для людей, которые плохо запоминают odd и even, четное не четное, просто odd(3) у него 3 буквы, значить не четное, even(4) у него 4 буквы, значить четное, мне когда-то такое подсказали и никогда больше не забывал))

[@ЮляБойко-ж2б]

это гениально))

[@krakanosh]

Спасибо, так бы долго запоминал а так сразу запоминается👍

[@vl8224]

Дякую. Тепер я зможу це запам'ятати!

[@vl8224]

@MORAINE я из Украины. Оттуда откуда и автор канала.

[@vl8224]

@MORAINE should we continue our conversation in English? ;)

[@emilchapchakchi8593]

0:00 - Подготовка к уроку 6:24 - hover 8:56 - visited 10:22 - active 11:41 - focus 14:01 - ааа, не болей! 14:11 - first-child 15:45 - last-child 16:28 - nth-child 18:23 - Важные детали по first/last/nth child 21:13 - Практикуем изученое 24:33 - Домашка 25:00 - Напутствие Большое спасибо за ещё один здоровский урок!

[@FreelancerLifeStyle]

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

[@valentyndubin5441]

Все четко без воды, по теме, 25 минут полезной информации, супер) Переход с окном прикольный😂)

[@FreelancerLifeStyle]

Спасибо большое! 👍😊

[@winsol5103]

Реально мощно) все четко, без воды. Всегда жду конца чтобы покачать головой по трэк ))) 😹

[@FreelancerLifeStyle]

Круть)

[@Yurka-om7ce]

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

[@liiavard7138]

привет! Очень нужна помощь с кнопкой. Не понимаю как в кнопку запихнуть картинку со стрелочкой. или там нужно просто написать стрелочку?

[@ПаранормальныеФайлы]

@@liiavard7138 на канале есть разбор прошлой домашки, где есть такая же кнопка

[@ЖуранськийЄвгеній]

@@liiavard7138 там нужно два background: первый с картинкой и no-repeat с выставленными координатами, потом через запятую уже другой background с выставленным цветом

[@liiavard7138]

@@ЖуранськийЄвгеній спасибо!))

[@ivannamuska7684]

Чудовий вчитель, все дуже докладно та зрозуміло пяснює. Те, що потрібно новачку)

[@FreelancerLifeStyle]

Дуже дякую 😊

[@story_floor]

Слава Україні блядь!

[@AndreLLo_o]

Проблема когда пишу :hover саблайм как будто не распознает это ,ничего не происходит после того, как написал

[@tpolltpollov1894]

@@AndreLLo_o попробуй после двоеточия не ставить пробел, мб проблема в этом. Если вообще актуально)

[@alexandr8978]

Отличные уроки. Закрепляю на них ранее пройденный мною материал. Спасибо!

[@FreelancerLifeStyle]

Спасибо! Рад что прлезно!

[@AndreLLo_o]

Проблема когда пишу :hover саблайм как будто не распознает это ,ничего не происходит после того, как написал

[@tonyyoutube1607]

@@AndreLLo_o Если ты это прочитаешь то, там где обнуление убери значение "none" в a:hover text-decoration.

[@liiavard7138]

привет! Очень нужна помощь с кнопкой. Не понимаю как в кнопку запихнуть картинку со стрелочкой. или там нужно просто написать стрелочку?

[@yurakirichenko9770]

Супер!!! Все по суті без води, одні приклади і практика. Що може бути краще.

[@FreelancerLifeStyle]

Супер! Дякую!

[@ОльгаХемингуэй]

Удивительнее всего, что это настоящее обучение и бесплатно. Рассказываю знакомым, не верят! Тут намного интереснее, чем в различных школах. И удобнее, тк занимаешься в своем темпе, а не в по чьим-то графикам . Очередное спасибо от очередного ученика!

[@nasta_nasta]

Какое у вас классное комьюнити! Очень рада, что нашла вас! Спасибо за полезные уроки!

[@FreelancerLifeStyle]

Пожалуйста! Я тоже рад!

[@BboyMidnigth]

Дякую тобі дуже за цей канал та твої ролики. У тебе точно є талант викладача. Все чітко, доступно та наглядно. Під кожним уроком файли, домашка, шпаргалки. Якщо б можна було тричі стати твоїм спонсором - я б став. Хотів також сказати, що в цей нелегкий час, твій канал може врятувати людям життя. Через віну, справа на яку я витратив 10 років, більше не приносить прибутку. Твій канал - це мій рятувальний круг. Мій та моєї сімʼї. Ще раз дякую!

[@WorldDMV]

Выпуск очень понравился. Традиционно доходчиво и ясно. Благодарю за труд.

[@FreelancerLifeStyle]

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

[@TheAiAm]

Огромнейший респект!!!как всегда видос на одном дыхании огромнейшнее спасибо за учебу! лучший верстальщик на Ютубе имхо! Все четко и понятно красавец!)))отдельное спасибо за телеграм канал много полезной инфы от ребят всем новичкам и не только рекомендую!!!

[@FreelancerLifeStyle]

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

[@kingmanhart1365]

За info.txt отдельное спасибо!

[@FreelancerLifeStyle]

Всегда пожалуйста!

[@nikolakoval7294]

и еще раз спасибо за обнуляющие стили

[@ПаксБро]

Отдельное спасибо за текстовый файл (шпаргалку)!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@denyshoropashnyi847]

Во, вроде, все это знал, но как-то не совсем уверенно. Посмотрел ролик - систематизировалось. Спасибо )

[@FreelancerLifeStyle]

Пожалуйста!

[@artyomvoytenko1237]

Видео - класс!) Да, переход прикольный получился, такие моменты немного "разгружают" мозг после полученной перед этим информацией, Так что давай в том же духе!) Как всегда 10 из 10)

[@FreelancerLifeStyle]

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

[@uk-lych_sveta]

"Фрилансер по жизни", как всегда информативно, по делу и все понятно. Спасибо за проделанную работу.

[@FreelancerLifeStyle]

Пожалуйста!

[@МихаилРазуваев-ь6л]

Вроде бы простые вещи, но... Повторение - мать учения! Спасибо, Жека!

[@FreelancerLifeStyle]

Пожалуйста, это будет всегда под рукой!

[@self-toughstudy6635]

Кстати, в nth-child так же можно указывать в скобках свой шаг, к примеру li:nth-child(2n) для каждого второго li, li:nth-child(5n) для каждого пятого, li:nth-child(12n) для каждого двенадцатого элеманта. Иногда полезно.

[@МамедИндус]

Что означает "свой шаг"?

[@self-toughstudy6635]

@@МамедИндус 6n - каждый шестой, 24n - каждый 24-й

[@МамедИндус]

@@self-toughstudy6635 Эт я понял, не понял для чего это

[@self-toughstudy6635]

​@@МамедИндус задачи бывают разные, может потребоваться итерировать не только парные элементы.

[@МамедИндус]

@@self-toughstudy6635 А, своя последовательность. Меня смутило слово "шаг". Ясно, спасибо

[@МаксимКрутов-е8б]

Очень талантливый учитель. Информация усваивается отлично, а главное, интересно и не скучно слушать!

[@FreelancerLifeStyle]

Спасибо большое! Стараюсь)

[@ВикаОношко-л8ж]

Понимать материал-это одно,а вот объяснить это другим людям ПОНЯТНО-это талант.Спасибо!

[@Сашакулымченко]

Евгений большое вам спасибо , наконец то реально толковый контент от специалиста

[@FreelancerLifeStyle]

Пожалуйста! 🤘

[@nikitakovalenko6521]

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

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@luna_koi]

Вау. Просто вау. Я просто у захваті! Вам вдається рафінованому гуманітарію з філософською освітою донести що тут і до чого! Велике дякую!

[@IgorSemenuk]

13:35 "Фокус-покус" действительно очень клевый - сразу видно, где надо вводить инфу. Классно!

[@nurta6295]

лучший бесплатный курс на ютубе , лучше даже чем платные

[@ChendlerBiing]

как всегда- красавчик: понятно, доступно, еще и с "домашкой"!!!!

[@FreelancerLifeStyle]

Спасибо!

[@beautifulandfunny1029]

Спасибо тебе!иду уверенными шагами по твоим видеоурокам. А когда еще и домашка получается, то чувствую себя еще увереннее.

[@lyalyalyalya591]

Объясняете очень доступно (не все так могут). Спасибо за урок и отдельный за info.txt

[@FreelancerLifeStyle]

Я рад!

[@user_natazaja]

Супер-класс! Вот так просто для новичков нужно и объяснять, без лишнего. Акцентируя на главном.

[@johnzhuzhan]

Как всегда информативно, по делу и все понятно. Спасибо! Теперь начинаю врубаться в псевдоклассы

[@FreelancerLifeStyle]

Супер! Я рад

[@ivan100kg]

Просто наслаждение смотреть столь замечательный контент! Спасибо!

[@FreelancerLifeStyle]

Я рад!

[@mikhailtiurikov6671]

Просто лучший! И больше нечего сказать) Спасибо большое за твои старания!

[@FreelancerLifeStyle]

Пожалуйста!

[@KamTuPLAY]

Евгений, спасибо большое за уроки. Где еще можно найти человека, который будет так грамотно и понятно подавать информацию. Так еще и домашнее задание с макетами!

[@vladimirtemerev4984]

Евгений! Вы великолепнейший учитель! У вас талант! С огромным удовольствием смотрю ваши видео и только восхищаюсь. Я много смотрел разных видео, вебинаров от GeekBrains и не только, на которых только слышно: му - хрю, -а -ммм, что вызывает сонливость. А у вас ясная, четкая подача материала, с разъяснением всех глубин и тонкостей. Искренне желаю вам здоровья, удачи во всех ваших проектах!

[@FreelancerLifeStyle]

Спасибо!

[@fuadrad]

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

[@denvanrain8793]

Очень хороший материал! Спасибо Вам большое за проделанный труд!

[@FreelancerLifeStyle]

Пожалуйста!

[@aleksandr_zhag]

Просмотрел уже 10 уроков. Объяснение понятное. Очень полезный информативный файл для скачивания к каждому уроку. ОГРОМНЫЙ ПЛЮС каналу. Смотреть буду дальше. Удачи !!!

[@islomtoshev8721]

Огромной спасибо Женя.

[@FreelancerLifeStyle]

Пожалуйста!

[@katarionn]

Евгений, огромное спасибо за Вашу вдохновляющую работу над уроками и материалами, и (не устану это писать всякий раз) человеческий подход к обучению! Первое задание делала со скрипом, а это второе уже с пониманием, удовольствием и настоящей потребностью продолжать учиться дальше.

[@FreelancerLifeStyle]

Я рад!

[@ЗухраБатчаева-м4в]

Это просто потрясающе! Спасибо Вам, автор!

[@АллаМакул]

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

[@FreelancerLifeStyle]

Супер, я рад!

[@vay1757]

Просто лучший! Спасибо большое за качество и подачу информации!

[@FreelancerLifeStyle]

Пожалуйста!

[@KX-nn7tq]

Спасибо, курс топ! Отдельная благодарность за файлы с текстовым описанием пройденной темы!

[@notxdsakarsakarxnvtxdskxarxdsk]

Спасибо большое! Все понятно и доходчиво, отдельное спасибо за методичку по background очень помогает.

[@LordOzzy1986]

реально очень годный контент! один из немногих которых хочется поддержать материально.

[@МихаилМакейчев-ш1к]

Женя! Очередной урок с тобой, как все интересно! Обучаемся, развиваемся и живем вместе с твоими уроками, такими интересными, полезными и открытыми. спасибо!

[@АртурЗлатарёв-к7т]

Напутствие в конце видео, всегда пересматриваю раза по 3. Спасибо большое дядь Жень!!!

[@VM_Dev_tv]

Я у вас больше узнаю чем на курсах,спасибо👍

[@FreelancerLifeStyle]

Пожалуйста!

[@РасульШамсутдинов-я9ъ]

Понимать с тобой, как работает Css просто Божественно! Очень Спасибо!!!

[@АртёмДукуп]

Как всегда на высоте!Все понятно и это радует!10 из 10!

[@FreelancerLifeStyle]

Спасибо!

[@user-LvSerg777]

Евгений, Спасибо за этот Супер-курс!

[@nerrisy8839]

Единственное место, где я кайфую от обучения )) Классный урок, жду момента, когда понадобится это применить на практике ))

[@FreelancerLifeStyle]

Супер! Я рад!

[@evgeniyamore1403]

Чудесный урок! Как и все остальные! Благодарю!

[@ЛеонидЩербак-у9л]

Огромное спасибо за проделанную работу!

[@FreelancerLifeStyle]

Пожалуйста!

[@kotiko_oks]

🥰Просто нет слов!!! 😊Стараюсь посмотреть каждое видео, 🤗 некоторые пересматриваю😇 и первым делом смотрю поставил ли я лайк, 😅если нет, ставлю. И со спокойной душой продолжаю просмотр. 🤩 Спасибочки!!! Бесконечно БЛАГОДАРЕН Автору🤗🤗🤗 Я буду писать тебе коменты что бы поднимать твоим видосам рейтинг.... этот проект должен жить

[@radyslavvaluiskyi452]

Спасибо, очень подробно и доступно. Одним словом - ГОДНОТА!

[@ЮрийХрабров-й5й]

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

[@Alagontor]

Спасибо за урок)),домашку сделал),пришлось вспоминать старые уроки), глянул как кнопку сделать и глянул, вспомнил как галочки расставить)

[@denbend5363]

А чи могли б Ви допомогти будь ласка щодо зміни кольору галочки при наведенні? ul строка міняє колір, а от галка ніяк(

[@serghiyveres6750]

Очень полезный урок! Уже давно интересуюсь веб-разработкой, но вот именно просмотрев этот урок узнал, что можно обращаться к четным и нечетным дочерним элементам по селектору из CSS. Так что обязательный лайк Вам, Евгений за Ваш труд.

[@FreelancerLifeStyle]

Спасибо!

[@СергейЖариков-ю2ъ]

Урок просто бомба!!! Всё чётенько и просто!!!

[@FreelancerLifeStyle]

Спасибо!

[@Радиодеталисодержащиедрагметал]

Молодец Женя, слов нет. Так держать, только благодаря твоим подробным разъяснениям, у меня что-то начало получаться👍

[@FreelancerLifeStyle]

Супер, я рад!

[@useruseroff6605]

Спасибо, отлично представляете информацию.

[@FreelancerLifeStyle]

Пожалуйста!

[@Olga4057]

Супер! Просто гениально понятное и чёткое изложение! ОГРОМНОЕ СПАСИБО!!!

[@ruslanaliev2933]

Контент просто пушка! Спасибо тебе, всех благ и здоровья!

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@nadiasperanza4946]

Огромное спасибо! Прекрасный курс!!! Отдельное спасибо за домашку и возможность скачать все материалы урока!

[@dmytroboytchenko5768]

Хороший материал. Супер. Спасибо за урок и за домашку!

[@FreelancerLifeStyle]

Пожалуйста!

[@vassiliymarkov7893]

Класс! Очень полезно и доходчиво про псевдо-классы! Спасибо!

[@zijazz7315]

Женя здравствуй! Нужна твоя помощь в разборах домашек. Никак не могу освоить Внешние и внутренние отступы, из-за чего отстаю в обучении и восприятии материала, думал сам справлюсь, но для работы над ошибками нужна помощь учителя!)) Хочу поблагодарить тебя за весь материал на твоём канале, это уйма времени! Давая нам эти уроки ты тратишь много сил и времени, и всё же я прошу помощи.

[@ukrainiandurant]

Это лучший учитель, которого знал. В колледже так подробно не объясняют, как здесь)

[@FreelancerLifeStyle]

Спасибо!

[@ROMAN-KVAS]

Женя, спасибо за урок! На улице метель, на велосипеде не покатаешься. Так, что есть повод заняться обучением))) Ты лучший в своём деле!

[@FreelancerLifeStyle]

Рад что полезно!

[@krlkonstantine9726]

Ох, про вел вы хорошо сказали. Удачи в обучении!

[@konstantino7016]

Выпуск классный и информативный! Народ, больше, больше, еще больше лайков!!! Евгений делтся с нами просто сокровищем!

[@cypokcypok5906]

Супер! Все четко и по теме!!

[@FreelancerLifeStyle]

Спасибо!

[@lenaplay3884]

Зашла. Поставила лайк. Прокомментировала. Взяла конспект. Приготовилась. Поехали... P.s. Наилучшая подача, толковый преподаватель, все логично и доступно, главное, не лениться. Спасибо Вам!!!

[@FreelancerLifeStyle]

Спасибо и пожалуйста!

[@Rahat_Lukumov]

Спасибо тебе огромное за твои уроки, они очень информативные и легко усваиваются :D

[@ЮрийКулясов-у2т]

Спасибо, Женя! Как всегда, доступно и понятно объяснил. Всё, побежал делать домашку.

[@РоманЯрошенко-ч4т]

Спасибо за видео-уроки, отлично!!))

[@FreelancerLifeStyle]

Пожалуйста!

[@olegzozulia6898]

Дякую автору за безкоштовні якісні уроки.

[@gennadiymedvedev214]

, спасибо за контент , , все понятно и доступно изложено

[@FreelancerLifeStyle]

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

[@jasonborn4373]

Урок на столько крут что пересмотрел еще раз. Спасибо!

[@mr.core.3646]

Выпуск очень понравился)))) Да переход прикольный!)))))

[@FreelancerLifeStyle]

Спасибо! 👍

[@ulanka5373]

Кожен урок я прозріваю і в якийсь момент в мене заокруглуються очі))))))))))) Дякую Вам. Просто і зрозуміло про складне.

[@Snegurjan]

Я узнал тут больше за 2 дня,чем на курсах за 2 месяца!Жека у тебя талант огромный как мастера и сенсея,спасибо ,что делишься с нами!

[@oleg_andrianov]

Спасибо за труд! Очень радует домашка)

[@FreelancerLifeStyle]

Пожалуйста!

[@MusicLoversPark]

Лучшие уроки по вёрстке что я встречал, большое спасибо автору!!! 100% лайк)

[@enigmooxd9586]

Во первых спс❤️ А во вторых огромный респект потому что ты говоришь и объясняешь всё до единого 🙏💯❤️❤️

[@FreelancerLifeStyle]

Пожалуйста!

[@alesandrnicalace3474]

Евгений, спасибо за проделанную работу! CSS HTML уроки с нуля.

[@AlinaDotsenko-d6q]

Спасибо за подробное видео! В целом, псевдоклассы кажутся несложными, а вот псевдоэлементы...)) В общем, на очереди завтра урок)

[@FreelancerLifeStyle]

Уверен, все получится!

[@СергейЗолотаренко-щ8х]

Огромная благодрность Вам за труд!!!

[@Ihorzolo]

Комментарий для продвижения. Спасибо за всё, что ты делаешь, это нереально круто!)

[@snegir8053]

Если у кого-то есть вопросы по работе с цветом svg маркера в списке - пишите, нашел интересный и простой способ его менять.

[@yerassylkelsingazin2408]

Уроки просто супер. Спасибо. Кайфанул)

[@FreelancerLifeStyle]

Спасибо!

[@Фильмы2022-р8д]

Лень начинать заниматься, с силой включаю видос и сразу прикольный голос автора просто заряжает на обучение. Не знаю насколько профессионально построено обучение, но просто прикольно заниматься, за эта лайк

[@mew6085]

Очень понравился выпуск, спасибо Жека

[@FreelancerLifeStyle]

Пожалуйста!

[@grimbofox]

Спасибо за полезные уроки!

[@liranpertzovsky3041]

Поклон за прекрасную работу!! Великолепный учитель!