Learn Every CSS Selector In 20 Minutes

Sdílet
Vložit
  • čas přidán 13. 06. 2024
  • 🚨 IMPORTANT:
    FREE CSS Selector Cheat Sheet: webdevsimplified.com/specific...
    The hardest part of learning CSS is not knowing what is available to use. There are so many selectors and properties to remember and it is impossible to keep them all in your head. Luckily for you, in this video I am going to show you every single CSS selector that you need to know so you will never feel stuck with selectors again. There are a ton of selectors in this video and they are all important to know so make sure you stick around until the end to learn them all.
    📚 Materials/References:
    Pseudo Element Tutorial: • Learn CSS Pseudo Eleme...
    CSS Selector Article: blog.webdevsimplified.com/202...
    🧠 Concepts Covered:
    - Basic CSS selectors
    - CSS pseudo classes/elements
    - Child selectors
    - Advanced Selectors
    🌎 Find Me Here:
    My Blog: blog.webdevsimplified.com
    My Courses: courses.webdevsimplified.com
    Patreon: / webdevsimplified
    Twitter: / devsimplified
    Discord: / discord
    GitHub: github.com/WebDevSimplified
    CodePen: codepen.io/WebDevSimplified
    #CSSSelectors #WDS #CSS

Komentáře • 482

  • @WebDevSimplified
    @WebDevSimplified  Před 3 lety +121

    Download my FREE CSS Selector Cheat Sheet: webdevsimplified.com/specificity-cheat-sheet.html

    • @neutralface
      @neutralface Před 3 lety +5

      Does email marketing still work?

    • @A_Lesser_Man
      @A_Lesser_Man Před 3 lety +10

      force me to give my real email address? I no like that!

    • @barathviknesh1646
      @barathviknesh1646 Před 3 lety

      Hii kyle do some videos on fastisfy .

    • @KylePrinsloo
      @KylePrinsloo Před 3 lety +3

      Excellent video! Thanks Kyle

    • @Neha-sw6ky
      @Neha-sw6ky Před 3 lety +3

      How can someone so hot teach amazing as well😍

  • @Al_Gonzo
    @Al_Gonzo Před 3 lety +355

    There is no way he could have explained it quicker while explaining it so perfectly. 11/10.

  • @mikeviverette5867
    @mikeviverette5867 Před 3 lety +79

    Need a new feature in youtube for content like this, that allows 2 thumbs up. This was excellent.

  • @00rfeeley00
    @00rfeeley00 Před 3 lety +48

    This video is instant classic, which anyone learning CSS needs to watch.

  • @coffeecel
    @coffeecel Před 3 lety +361

    You taught me more in one video than my teacher did in 4 years..

    • @andrewdillard5961
      @andrewdillard5961 Před 3 lety +8

      You should get his course. It's really good

    • @otesunki
      @otesunki Před 3 lety +9

      @@andrewdillard5961 Nice try, selfpromoting with an alt account. [ J O K E ]

    • @vijais5692
      @vijais5692 Před 3 lety +4

      @@otesunki If so there is nothing wrong in that :)

    • @charlesbaldo
      @charlesbaldo Před 3 lety +15

      Sue for a refund. It’s a decent video, but if you learned more here than in 4 years your school failed you

    • @pulpil10
      @pulpil10 Před 3 lety +2

      @@charlesbaldo fr that's the school fault

  • @MasterOfMisc
    @MasterOfMisc Před 3 lety +32

    I'm glad i "selected" this video. Awesome

  • @geemcdee
    @geemcdee Před 3 lety +52

    I'm so glad I found you! I've watched 3 videos and you've clarified things that I've been struggling with for 3 weeks!

  • @nsharma4981
    @nsharma4981 Před 3 lety +74

    I love how you also mentioned which selectors are commonly used, and which aren't. Concise yet brimming with info, just like the cheat sheet, this was a perfect companion video for it! I watched this with the cheat sheet open on another screen! 😄

  • @RNMERIA
    @RNMERIA Před 3 lety +8

    CSS can be tricky, without practise. Kyle your cheatsheet is pure gold. Thank you

  • @bba4769
    @bba4769 Před 3 lety +22

    Not even half way done but I've already clarified so much. Great quality content. You deserve millions of views.

  • @day_tech5381
    @day_tech5381 Před 3 lety +20

    This guy is too awesome. Through you I've been learning web development better than any online whatever or even the best apps. Keep it up big bro.

  • @MiguelFernando
    @MiguelFernando Před 3 lety +17

    Another great, comprehensive, yet concise summary. Thanks!

  • @homerisian
    @homerisian Před 3 lety +1

    Clearest and most comprehensive discription of selectors I have seen so far, definitely subscribing, thanks

  • @alinavarkki4056
    @alinavarkki4056 Před 3 lety +14

    Cannot believe I can learn and enjoy looking at Kyle at the same time 🔥🔥🔥🔥🔥

  • @ericgpare
    @ericgpare Před 3 lety +1

    This is the simplest and most comprehensive video for css selectors I have ever seen. Thanks!

  • @shamiul_islam
    @shamiul_islam Před 3 lety +2

    Awesome!
    I really love this kind of videos where I can quickly get the idea of any particular topic and it's interesting to watch the way you teach.
    Really appreciate your efforts hard work.

  • @TheronGBurrough
    @TheronGBurrough Před 3 lety +1

    Such an excellent instructor! Short, sweet and easy to understand.

  • @tuancao85
    @tuancao85 Před 2 lety +1

    Love your cheat sheet, I know it take a lot of work to build it and make it so simple to understand. Thanks Kyle!

  • @pauldelcour
    @pauldelcour Před 2 lety

    Absolutely brilliantly explained. You not only know your CSS, but are able to get that across unbelievably clear and short!

  • @wallyceebee
    @wallyceebee Před 2 lety +1

    Thank you, Kyle for a short yet comprehensive tutorial. Your projected stamina is amazing. I'm out of breath watching your video, but fortunately, I have a clearer understanding of the behavior of several pseudo-classes that up until now I didn't understand.

  • @cedricmendoza8316
    @cedricmendoza8316 Před 2 lety

    Hey Kyle! Thanks a lot for your tutorial videos. I've learned a lot from your videos. They're concise and you tell us everything we need to know regarding the subject. More power to you.

  • @vincentlance377
    @vincentlance377 Před 2 lety +1

    Man I am addicted to your videos. So simple and straight to the point, while also super informative.
    Good job brother keep it up!

  • @thomasdam7438
    @thomasdam7438 Před 2 lety +1

    No one is as good as YOU in explaining stuff.
    Thanks man

  • @iwanttopunchtheosface
    @iwanttopunchtheosface Před 3 lety +1

    This is just wow! Will not want to skip ads on your vids coz you deserve it. Thank you!

  • @adammarez9589
    @adammarez9589 Před 2 lety

    Great Video! You're fast and comprehensive. I love it. Keep up the good work. I downloaded the cheat sheet for some newbies around the office. Super helpful.

  • @darentsimon
    @darentsimon Před 2 lety +1

    You've got to love this kid! making me smarter and more productive each and everyday. thank you Kyle.

  • @sampersis6193
    @sampersis6193 Před 2 lety +1

    A talented instructor who knows CSS very well. Clear and to-the-point explanation. ⭐⭐⭐⭐⭐

  • @rohitgundeti7713
    @rohitgundeti7713 Před 3 lety

    Best short video on CSS so far. Thanks!

  • @kanashimi6209
    @kanashimi6209 Před 3 lety

    Your content is always really good and concise, it's helping me out greatly. Keep up the good work!

  • @bobdinitto
    @bobdinitto Před 2 lety +1

    My two biggest stumbling blocks in CSS are selectors and positioning. This video helps clear up my confusion around selectors by clearly demonstrating how to use and combine them. Superb!

  • @johnyonardpauly5601
    @johnyonardpauly5601 Před 3 lety +1

    You really simplified web development learnings. Great channel. Keep posting

  • @higherpurpose1212
    @higherpurpose1212 Před 2 lety +1

    You are simply amazing, bro. With a short amount of time you've covered the things that I want to know (with my limited time as well, going for an interview in an hour regarding these things!) cheers!

  • @hasnain002
    @hasnain002 Před 3 lety +1

    all concept cleared in just 20 minutes, wanted to learn selectors for last 8 months, Your are really the Teacher.

  • @muktabaraliamu7299
    @muktabaraliamu7299 Před 3 lety +1

    Thanks a lot, you teach us the practical CSS selector in a litte amount of time with examples, what an efficiency! Things are really "simplified" in this channel!

  • @WeekendMuse
    @WeekendMuse Před rokem

    Thanks for an excellent video, clear, concise, sharp, with zero nonsense rambling and annoying background music. The live examples are incredibly helpful. Well done!
    I wish I found your video before wasting my time reading a 6 page article about CSS selectors that was more confusing than useful.

  • @DevWithEv
    @DevWithEv Před 3 lety

    This is the best (of many) CSS videos I have seen. Thank you!

  • @deonrich3149
    @deonrich3149 Před 3 lety +2

    Love your videos Kyle! You have amazing content, and it's helpe me a bunch on my journey as a web developer (I'm sure it will still continue to :) ) Keep up the quality content! 🙂♥️👍

  • @ramonrahner9969
    @ramonrahner9969 Před 3 lety +1

    Thank you for this great refresher! Good Job!

  • @cfuman
    @cfuman Před rokem

    You have covered everything I needed to know and much more, thank you!

  • @shreyassukumaran9881
    @shreyassukumaran9881 Před 2 lety +1

    You explained it very clearly and you have a soothing voice that's a great plus. Loved your video

  • @DuyenPhanLan
    @DuyenPhanLan Před 2 lety +1

    Can't thank you enough for the great content! You've explained everything so well! Just liked and subscribed to your channel!

  • @yatin1370
    @yatin1370 Před 6 měsíci

    When it started getting overwhelming towards the end, I referred the cheat sheet, stopped to revise it for a moment and understood each section to move to next.
    Never felt so confident about this topic earlier....you have a gift of teaching, Kyle. Thank you for this wonderful compilation of examples!

  • @decaf4me2
    @decaf4me2 Před rokem

    Fantastic! This helped me understand selectors so much better than I did before. Thank you!

  • @jacobkreifels7690
    @jacobkreifels7690 Před 2 lety +1

    Thank you for this quick video. I haven't done CSS in year's and now I've got to to pick it up again for React and JQuery

  • @dr8121
    @dr8121 Před 2 lety

    This was truly the best educational video i've come across on... the internet. Here's hoping you have lot's more. Thank you.

  • @karthikeyaanar
    @karthikeyaanar Před 3 lety

    Simple yet powerful css tuts I have ever seen. Thanks so much

  • @shaderone07
    @shaderone07 Před 3 lety

    This was undoubtedly on of the most useful videos ever uploaded on the INTERNET.

  • @gavinputterill8175
    @gavinputterill8175 Před 2 lety +4

    Perfect video. Clear and concise. I wish I had watched this month's ago and save myself a lot of time reading on MDN and figuring out by trial and error.

  • @willwill1738
    @willwill1738 Před rokem

    Many thanks. I surfed around and this is the best one, where demonstration is simple and straight forward; and most importantly, easy to understand and apply, with ancillary supplements articles + cheat sheet - thanks for your help.

  • @amol_thakurdware
    @amol_thakurdware Před 2 lety

    Thank you for the crisp explanation!

  • @CustardGames_
    @CustardGames_ Před 3 lety

    Another great video 🔥 your channel has helped me learn quickly - thank you!

  • @serenahank
    @serenahank Před rokem

    This is very helpful! Great job!!!

  • @Aditya-xz5qv
    @Aditya-xz5qv Před 3 lety

    Thank you for your short and informative videos!

  • @BigBoomOfDoom2
    @BigBoomOfDoom2 Před rokem

    Your videos are always so helpful. Thanks.

  • @FunOfHeuristic
    @FunOfHeuristic Před 3 lety +1

    Nicely organised and step by step explanation for selectors, thanks for sharing.

  • @AadeshKulkarni
    @AadeshKulkarni Před rokem

    Thanks for the cheatsheet! Beautiful!!

  • @garyalway
    @garyalway Před 2 lety

    without doubt the best videos on web dev, keep it up!!

  • @icreator_websites
    @icreator_websites Před 8 měsíci

    Great Video!! Thanks for putting this together.

  • @josue-cedeno
    @josue-cedeno Před 3 lety

    This is a SUPER helpful video. Thank you for the cheat sheet!

  • @kamilrojek3033
    @kamilrojek3033 Před 3 lety

    Great job mate. Explained very well!

  • @bhashuvbr
    @bhashuvbr Před 2 lety +1

    The tutorial generates passion to learn and become an expert.

  • @louwp2
    @louwp2 Před 3 lety

    Wow! Awesome video! It sorted out a lot of my issues. Thank you!

  • @Lachezariii
    @Lachezariii Před 2 lety

    Monster video again! Well done!

  • @anahitam5060
    @anahitam5060 Před 2 lety

    dude... thank god I found your videos! I was struggling so bad learning CSS! thanks!

  • @shoyur
    @shoyur Před rokem

    Im a backend developer, starting front-end with Angular, i know CSS but not a lot, this REALLY helped

  • @marcinkalmar9964
    @marcinkalmar9964 Před 2 lety

    I watched this film instead 6 hours tutorial about CSS , good pill of knowledge, thank you

  • @simranthiara6616
    @simranthiara6616 Před 3 lety

    Great video man. Definitely had to subscribe.

  • @idontcare2073
    @idontcare2073 Před rokem

    I'm super grateful I found you!

  • @adrianqx
    @adrianqx Před rokem

    Thanks I need this refreshers now and again

  • @seragserag-oq9iq
    @seragserag-oq9iq Před 4 měsíci

    Man, you're a gem! Thank you.

  • @dayannaoliveira7369
    @dayannaoliveira7369 Před rokem

    I've been studying html and started css, reading about that didn’t make so much sense but now seeing your video is super useful! Thanks

  • @Manolete919
    @Manolete919 Před 2 lety

    Very precise and concise information!!

  • @johnmadere
    @johnmadere Před 2 lety

    Super helpful. Been focusing more on the JavaScript side than CSS and this is perfect to get my projects looking better. Thanks!

  • @collinskitili
    @collinskitili Před 7 měsíci

    As someone whose getting a hang of CSS, this video really sums up most of the things. This was really helpful. Thank you

  • @vasantnarayanan8487
    @vasantnarayanan8487 Před 2 lety

    Bloody hell! I love your videos. No one has ever explained something so clearly before! Damm!

  • @Aziz-kw6ct
    @Aziz-kw6ct Před rokem

    That was an extraordinary briefing, thanks a lot it helped me very well to understand what I was not able to catch up in 2 months.

  • @zakhariihusar6975
    @zakhariihusar6975 Před 3 lety

    The cheat sheet is amazing! Thanks!!

  • @ventsislavstoimenov4404

    Man, you are simply incredible... honestly!

  • @CMD4WP
    @CMD4WP Před 2 lety

    Wow, Talk about to the point in Cristal d'Argues, clear and precise! Thank you ever so much.

  • @jamesdaniel6475
    @jamesdaniel6475 Před 2 lety

    Great CSS tutorial. Thanks alot.

  • @ryanhaines460
    @ryanhaines460 Před 2 lety

    Great! Explain and make much more sense than the CSS Selector Diner game.

  • @user-sz3nn2lb6u
    @user-sz3nn2lb6u Před 2 lety

    Thank you , young man, so many high quality videos.

  • @angelioan5949
    @angelioan5949 Před 3 lety

    Amazing tutorial, this helped me a lot !

  • @pranabroy8218
    @pranabroy8218 Před 3 lety

    A teacher every one wants. BEST of ALL

  • @charlesabboud1613
    @charlesabboud1613 Před rokem

    This was superb, thank you for putting it together

  • @shivamsahu9998
    @shivamsahu9998 Před 9 měsíci

    I just came to learn CSS Selectors for Web-Scrapping without any previous knowledge. But Your Teaching style taught me very easily and in full detail. Thank you Bro

  • @ebesugabriel4661
    @ebesugabriel4661 Před rokem

    this guy is too good, before he's done explaining i've already understood, straight to the point 😄

  • @vijaypalaskar
    @vijaypalaskar Před 3 lety +1

    Thanks for the videos.lots of concepts cleared 👍

  • @dictatorrich3412
    @dictatorrich3412 Před 2 lety

    Not even three minutes into your video, and I already made a high breakthru! I've been using "id" instead of "class", and I've been wondering why I was unable to style them in css like you just did, lmao. This channel is amazing.

  • @lilyzeng5180
    @lilyzeng5180 Před 3 lety

    Very interesting and understandable video! Thank you so much.

  • @manoj-k
    @manoj-k Před 2 lety

    This is pure masterclass... Thank you very much 🙏

  • @franexmo81-
    @franexmo81- Před 3 lety

    The video is good, but the cheat-sheet is great, useful, concise and clear. Thanks a lot!

  • @drviagrin3798
    @drviagrin3798 Před 6 měsíci

    Also, thank you for this video it helped with my understanding of pseudo-classes, pseudo-elements, and sibling selectors. Subscribed!

  • @felixdiaz7490
    @felixdiaz7490 Před 3 lety +2

    Great video, man. I just started teaching myself HTML and CSS, and your videos have helped a lot. And on top of it, you're one handsome guy. Well done. :-)

  • @joshwzr1257
    @joshwzr1257 Před 2 lety

    ..I was confused about selectors until I found this tutorial. Thanks very much

  • @mahimaandani
    @mahimaandani Před 2 lety

    You're literally the best!!!

  • @janithnirmal6487
    @janithnirmal6487 Před rokem

    one of most effective and straight forward tutorial for web development. much love for the effort cheat sheet ❤

  • @GyrosHunter
    @GyrosHunter Před 2 lety

    Bro. Awesome work, man.

  • @webdevsports
    @webdevsports Před 2 lety

    for all of you are watching this!! you aren't wasting time believe me, this guy is a legend in publishing web content

  • @clevermissfox
    @clevermissfox Před 7 měsíci +1

    Between Kevin Powell and Kyle/WDS, you’ll be hard-pressed to find a css property these two haven’t covered ❤ two great teachers with great channels