ALL ABOUT CSS SELECTORS. Types, combinations, cascading and priority of CSS selectors. Practice.

Рет қаралды 48,568

Күн бұрын

All about CSS selectors. In this lesson, we will talk about the types of CSS selectors, their combinations. Also about cascading (nesting) and priority. From star selector to attribute selectors. Let's analyze practical examples.
Lesson materials: / 72176482
❤️ Become a channel sponsor: / channel
/UCedskVwIKiZJsO8XdJdLKnA/join
❤️ Get access to extra content + support the channel: / freelancerlifestyle
🔴 Paid typewriting course: edu.fls.guru
🤟 FREE website design course (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Channel map: miro.com/app/board/o9J_lZB3YKI=/
🔴 Get access to extra content + support the channel: / freelancerlifestyle
🔴 Paid typesetting course: edu.fls.guru
🔴 Telegram channel: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram chat by type: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - In class
00:09 - What is a CSS selector
00:41 - CSS syntax
01:41 - Types of CSS selectors: star selector
02:16 - Types of CSS selectors: tag selector
02:55 - Types of CSS selectors: class selector
03:51 - Types of CSS selectors: ID selector
04:43 - Types of CSS selectors: attribute selector
17:00 - Combinations of CSS selectors
23:50 - Cascading (nesting) of CSS selectors
34:45 - Priority of CSS selectors
47:41 - Conclusion

Пікірлер: 430

@FreelancerLifeStyle Жыл бұрын

Сумували? 🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/ 🔴 Отримати доступ до екстра контенту + підтримати канал: www.patreon.com/freelancerlifestyle 🔴 Платний курс по верстці: edu.fls.guru 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

@doston-vk3wo 11 ай бұрын

@hottabi489 Жыл бұрын

Мільйон лайків за рідну солов'їну мову! Аж теплішає в сердці, коли слухаю твої уроки українською. Все буде Україна! Дякую тобі за все Евген, ти надлюдина. Ти спонукаєш вивчати, навчатися та удосконалюватися заради майбутнього!

@user-ij2kw7kc7f Жыл бұрын

Дякую тобі за можливість навчатись безкоштовно. Твій контент дуже якісний і професійний.

@JoneFox0705 Жыл бұрын

дзякуй вам за вельмі цікавы ўрок! Прывітанне з Беларусі!!

@sergkyrios Жыл бұрын

У своїх господарів йди дивитись!

@JoneFox0705 Жыл бұрын

@@sergkyrios дзе хачу, там i гляжу)

@sergkyrios Жыл бұрын

@@JoneFox0705 тільки з бутилки не вставай, а так дивись.

@JoneFox0705 Жыл бұрын

@@sergkyrios які вы злы, я да вас з дабрынёй, а вы так груба(

@sergkyrios Жыл бұрын

@@JoneFox0705 бачили ми ваше за нас. Ти, чи ви, якщо принципово, знаєш, що ти кожного дня хочеш його і мене вбити. І ми живі, бо пощастило. Кожного дня ти випускаєш в нас ракети, переправляєш та лікуєш вбивць. Надаєш та переправляєш зброю. Аби була совість, мовчав би. За розум питання відсутні.

@user-dp7if9gz5l Жыл бұрын

Насправді безцінний контент рідною мовою ! Жека, дякую за щирість і щедрість, з якими Ти ділишся своїми знаннями!

@AntonioBenderas Жыл бұрын

Крутяк! Я вже не гадав, що про ЦСС на каналі все сказано. Дякуємо за ТОПовий контент!

@user-xc1ep2ee9z Жыл бұрын

У дядька Євгена є натхнення не кільки вести крутезні курси, а ще й знімати корисні та якісні відео!!!

@emhyrvaremreis2588 Жыл бұрын

Дякую за нове відео! Чесно кажучи, я в шоці від того факту, що весь безкоштовний контент по фронтенду від Євгена виявився у 10 разів якісніше і зрозуміліше за платні курси на яких я просто викинула гроші на вітер😅

@FreelancerLifeStyle Жыл бұрын

Радий що корисно!

@maksymmitin4576 Жыл бұрын

Просто чудове пояснення css селекторів. Дякую Женя!!!

@eduardvrublevskiy3291 Жыл бұрын

Женя, дякую за твою безцінну роботу. Передивився всі твої уроки. Ти найкращий у своїй сфері. 🤘 От би всі твої минулі уроки були на рідній солов'їній.😊

@GravelTravel Жыл бұрын

Дякую! Як завжди дуже цікаво та пізнавально!

@VoVanChu Жыл бұрын

Дзакуй табе, даражэньки Яуген! Усё настольки зразумела и дакладна, што нибыта вочы адкрылися яшчэ шырэй! Прывит з братэрскага Менску!

@user-lm3qi2vn1h Жыл бұрын

Все як завжди на найвищому рівні!

@cmyo-un4tu Жыл бұрын

Щиро дякую за твої старання, ніде більше не бачив такого якісного контенту!

@user-mb5kg5ng4t Жыл бұрын

Чудовий, інформативний урок як і контент загалом) Дуже дякую)

@AndrewDevUA Жыл бұрын

ну от чому таких корисних відео не було раніше! Навіть трохи заздрю новачкам!

@user-nj3ho3uq4h Жыл бұрын

Так жалко что теперь я не понимаю. Один из лучших образовательных каналов. Всё по полочкам разложено.

@Snegurjan 11 ай бұрын

Субтитри в допомогу!

@UkraineAb0veAll Жыл бұрын

відео дуже пізнавальне і корисне. є і новий для мене матеріал, і ще раз нагадались моменти, про які вже доводилось чути та застосовувати. дякую за таку цікавинку 🙂 *все буде Україна!!!* 💙💛💯💯💯

@romankats2542 Жыл бұрын

Дякуємо за нові уроки. Дуже цікаво і корисно

@user-qf9zq8fm4k Жыл бұрын

Зрозуміло та доступно, як і завжди. +++

@nessynessy8723 Жыл бұрын

Дуже Дякую за відео, я тільки почала вивчати HTML і ваші уроки попалися дуже вчасно! 🙏🏻

@bondvitaliy Жыл бұрын

Круто, що навіть під час війни ти для своїх співгромадян робиш дуже корисний контент! Красно дякую!

@armazet8081 Жыл бұрын

До цього часто потрапляв на відео, ще не українською. Але як виявилось, такі приємні позитивні та розумні люди - з України. Дякую за контент, дуже допомагає!

@romanprokopets3693 Жыл бұрын

дякую за контент! дуже чітко структурована інформація, яку дуже складно знайти в одному місці

@whoisleshalight8514 Жыл бұрын

Жека, дякую!!)) Все життя буду чекати твої нові випуски)) Обняв) Дуже приємно чути Українською)

@juliasamarina8337 Жыл бұрын

довгоочикуване відео, зараз подивимось, дякую вам

@user-se6ct5zu2f Жыл бұрын

Жека, дуже дякую за відео!!! Твої старання дуже помітні, помітна кожна дрібниця над якою ти стараєшся , ти надихаєш!!!

@MemeDeaIer Жыл бұрын

Як завжди на цьому каналі найкорисніша інформація :D

@maksymshypytsia5217 Жыл бұрын

Як звжди з здоволенням дивлюся ваші відео!!!!!!

@user-yi8nc3rs2r Жыл бұрын

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

@marichkacevik4454 Жыл бұрын

Дякую за чудове корисне відео і пророблену працю !!!!!

@maksymdryha Жыл бұрын

Дякую , гарний випуск )

@tanya8128 Жыл бұрын

Чудовий урок, все дуже зрозуміло! Дякую за відео! 💙

@ghuihfgh3718 Жыл бұрын

Сумували! Окреме дякую за чудовий настрій

@quercus4181 Жыл бұрын

Дякую за чудовий контент українською на курсі та на каналі!

@user-hu1mk4tw2q Жыл бұрын

Супер відео, величезне вам дякую!

@Julia_Stepanenko Жыл бұрын

Дякую за вашу працю)

@vl8224 Жыл бұрын

Дякую за ТОП контент (тим паче рідненькою мовою). Чекаємо ще і ще відео!

@sergeymoskalenko6192 Жыл бұрын

Дуже дякую! Дуже корисно!!

@user-cr7up6pn7l Жыл бұрын

Дякую за чудовий контент😁

@nmls629 Жыл бұрын

Дякую за безкоштовний навчальний контент. Окрема вдячність за українську!

@yevheniiparkhomenko749 Жыл бұрын

Гарна робота - дякую!

@Mikhail.tortik001 Жыл бұрын

Дуууууже цінне відеою Вже вивчаю react та node js, але все одно багато чого нового згадав для себе, що або пропустив або забув, величезне тобі дякую за твою працю. Як знайду першу роботу - з першої зп підтримаю твій канал😄 та стану спонсором(як дань за безкоштовний та безцінний матеріал). Майже всю версту та основи js вивчив з твого каналу. Офіційно один з найкращих викладачів на ютубі у цьому напрямку. Ще раз велике тобі дякую за твою працю і позицію стосовно війни!

@user-gc1up4yy2h Жыл бұрын

офіційно підтримую коментар, вважаю, що автор каналу, це один із найкращих викладачів ютубу. Перша ЗП звучить як челендж, тому я приймаю його. Вивчаю контент на каналі з червня 2022

@markcoderss Жыл бұрын

Дякую вам, люблю ваш канал

@romanlesko6420 Жыл бұрын

Вау! Фантастичне відео! Дуже доступно показано! Дякую дякую дякую!

@user-gv3gc5qt3i Жыл бұрын

Євгеній велике дякую! Ви найкращій гуру в іт сфері!

@user-rd1it9bq9k Жыл бұрын

Дякую за відео👍

@ybpvin Жыл бұрын

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

@viya98 10 ай бұрын

Великолепный урок, очень полезный и информативный) это талант рассказывать такую нудную тему так, чтобы было интересно смотреть каждую секунду) огромное вам спасибо за ваш труд!

@pavlorozhko1342 Жыл бұрын

Контент як завжди на висоті!

@natashahaievska9280 Жыл бұрын

Як приємно чути рідну-ріднесеньку!!! Дякую за якісний контент!

@user-uf4yp9xi5s Жыл бұрын

Дуже дякую за Вашу працю

@teenvgecrime797 Жыл бұрын

Отличный канал, жаль что теперь я ничего не понимаю, мир твоему дому.

@user-iv9ey7nt7q Жыл бұрын

Согласен. Жаль конечно, что товарищ канал свой убил.

@jambo1941 Жыл бұрын

@@user-iv9ey7nt7q почему убил?

@pavelkuratto6712 Жыл бұрын

@@jambo1941 так посмотри на просмотры

@r-thur144 Жыл бұрын

Это "Его Борьба" с руснёю, а то что его смотрели с Казахстана и других стран СНГ, где еще говорят по русски не важно. А в английский он видимо не осилил

@fftlt1776 Жыл бұрын

@@r-thur144 что такое СНГ кловн

@soulmusic7171 Жыл бұрын

Щиро дякую за твою безцінну працю! Це найкращий канал по Front End розробці!👍

@nobody-here_2000 10 ай бұрын

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

@FreelancerLifeStyle 10 ай бұрын

Дякую, приходьте до мене на курс :) edu.fls.guru/

@nobody-here_2000 10 ай бұрын

@@FreelancerLifeStyle Як би я знав раніше що у вас також є курси! Справа втім що я вже оплатив навчання, то вимушений довчитися тут.

@user-om8bu9hf6h Жыл бұрын

Класс , суперрррр Величезне дякую ❤❤❤

@BohdanAnikin Жыл бұрын

Круто як завжди, це база))

@simurwtime Жыл бұрын

Дякую. Дуже корисно 👍👍👍

@Mshark42 Жыл бұрын

Дякую! Лекція дуже цікава і детальна!

@piypiy_n Жыл бұрын

Щиро дякую!!!!! дуже було треба

@creatoroftheworld Жыл бұрын

лайк до закінчення перегляду

@user-kr5zi6ro6v Жыл бұрын

дуже классно і інформативно, дякую

@dmytrofiialo4818 Жыл бұрын

Дякую за інформація і україномовний контент!!!

@arhangelohek-UKR Жыл бұрын

Дякую, has() дозволяє звертатись до попередніх об'ьектів. Чекаю відео про нього )

@FreelancerLifeStyle Жыл бұрын

Прийняв

@user-xs8ty9dg5s Жыл бұрын

Это лучший разор этой темы, какой только можно было представить. Спасибо огромное. Отельное спасибо за мову. Лайк и все буде Україна!!!

@ruslanmusienko4208 Жыл бұрын

Все по поличках. Дякую!

@kisiki86 Жыл бұрын

Дякую!!!!❤

@user-vk8bb6bj6k Жыл бұрын

Чудовий урок!!!👌👌👌👍👍👍

@user-zt2lp4nk7z Жыл бұрын

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

@clenbuterol4989 Жыл бұрын

ухахахаха флаг свободы лол

@andynaz7044 Жыл бұрын

Дякую, Жека! Ти гарний вчитель !

@prostorion Жыл бұрын

Твої уроки дууууже корисні! І мотивуючі. Дякую!

@nice_pools Жыл бұрын

Дякую за дане відео та за рідну мову - вона для мене звучить розумнішою ) Чекаю від Євгенія уроків Bootstrap 5 ( так, зараз є Flex і ним потрібно вміти користуватись, але і цю бібліотеку потрібно знати так як або попадеш на вже проект з Bootstrap, або замовник бажає щоб ти вів розробнику з цим інструментом).

@ArtyKrg Жыл бұрын

Дякую! Дуже корисна інформація!

@ggo_webdev Жыл бұрын

Так тримати Євгеній, дякую за якісний україномовний контент)

@ivanstruchuk5543 Жыл бұрын

Щиро дякую за україномовний контент :)

@spybotful Жыл бұрын

Одразу лайк, дякую за твою працю!! Дуже чітко і по суті

@Xyjail Жыл бұрын

Понятно на 99%)))) Дякую)))))

@user-ub6ts8cb6m 11 ай бұрын

Спасибо большое за понятное обьяснение

@user-sq9xt9db1p Жыл бұрын

Супер !

@user-gc1up4yy2h Жыл бұрын

гарно, чітко, зрозмуміло. Дякую за відео

@RslVysh Жыл бұрын

Оооо, ТОПчик

@user-lm9je3kh4n Жыл бұрын

Респект, молодец!

@ua8934 13 күн бұрын

дякую! як завжди чітко і зрозуміло!

@Chester_8722 Жыл бұрын

Круто)))

@user-ut9hj7jw5p Жыл бұрын

Великолепно

@OleksandrZakharchenko-xc6lq Жыл бұрын

Дякую тобі, чоловіче 😊💪💪

@Rasty_Boss Жыл бұрын

дуже корисно, дякую

@user-vi9uc8rt6h Жыл бұрын

Це просто топчик , дякую Женя за якісний і доступний контент . Після деяких інших вчителів я напевно з половину інформації вперше бачу . Супер!

@user-vr6pn3jz1t Жыл бұрын

чудова. зараз заплутано, але кілька разів переглянути, так можна щось запам'ятати. Жека дуже гарно розповідає ++++++.

@user-gx5eq1jp6h Жыл бұрын

Жека Рахмет за субтитры!

@APASLTD Жыл бұрын

Дякую за контент рідною мовою. Комент залишаю щоб підтримати автора. Так тримати. Все буде Україна.

@user-op4qw8pl3y Жыл бұрын

Женя, дякую вам за роботу та якісний контент. Систематично звертаюсь до ваших матеріалів для поновлення або освіження знань. Також досить приємно звертатись до матеріалів викладених українською мовою👍

@vitaliilukiv2757 Жыл бұрын

дякую за прекрасний урок

@user-yy6oz8ku1c 5 ай бұрын

Дякую. Як раз нещодавно повернувся в CSS , багато всього забув . Дякую що освіжив пам'ять, сподіваюсь подібного контенту буде більше !

@vladcid3938 Жыл бұрын

Дякую за чітку інформацію

@user-ik1lz1ul4y Жыл бұрын

Велике дякую🤝🤝🤝

@idina5462 Жыл бұрын

Жека, все зрозуміла, якісний контент, а ще і рідною, дякую!)))

@wladizlowe Жыл бұрын

Топ контент!

@user-vv6on3ws6j Жыл бұрын

Здравствуйте Евгений. Большое спасибо за ваши труды) Думал что знаю HTML/CSS пока не посмотрел ваш плейлист. Помогите пожалуйста. Скажите как скинуть готовый свёрстанный сайт заказчику. Заранее спасибо за ответ!

@AlIzotovs Жыл бұрын

Через Гітхаб найкраще

@UkraineAb0veAll Жыл бұрын

GitHub - лишь один из вариантов. еще есть почта, мессенджеры. а если есть желание заработать дополнительные очки в глазах заказчика (или дополнительную оплату ;-) ), то можно залить на хостинг заказчика

@haskira2710 Жыл бұрын

@@UkraineAb0veAll але якщо хостинг заказчика буде підловкою для крадіжки сайтів?)

@UkraineAb0veAll Жыл бұрын

@@haskira2710 ваш коментар не зовсім зрозумілий якщо замовник надає виконавцю доступ до свого хостингу, то про яку крадіжку може йтись? тим більше коли виконавець робить усе: конвертує дизайн в код, додає потрібний фугкціонал, можливлло навіть купує в інтересах замовника домен і хостинг, куди заливає готовий код сайта, та налаштовує усе для подальшої самостійної роботи замовника (звичайно якщо той не замовляє супровід від виконавця на постійній основі - звичайно ж, за окрему плату 😉)