Learn Every CSS Selector In 20 Minutes

  Рет қаралды 434,477

Web Dev Simplified

Web Dev Simplified

Күн бұрын

🚨 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

Пікірлер: 481
@WebDevSimplified
@WebDevSimplified 3 жыл бұрын
Download my FREE CSS Selector Cheat Sheet: webdevsimplified.com/specificity-cheat-sheet.html
@neutralface
@neutralface 3 жыл бұрын
Does email marketing still work?
@A_Lesser_Man
@A_Lesser_Man 3 жыл бұрын
force me to give my real email address? I no like that!
@barathviknesh1646
@barathviknesh1646 3 жыл бұрын
Hii kyle do some videos on fastisfy .
@KylePrinsloo
@KylePrinsloo 3 жыл бұрын
Excellent video! Thanks Kyle
@Neha-sw6ky
@Neha-sw6ky 3 жыл бұрын
How can someone so hot teach amazing as well😍
@Al_Gonzo
@Al_Gonzo 3 жыл бұрын
There is no way he could have explained it quicker while explaining it so perfectly. 11/10.
@peppermintdior
@peppermintdior 3 жыл бұрын
that is a cool user name --------------------------------------------
@kazikmajster5650
@kazikmajster5650 3 жыл бұрын
LOL your username broke YT!!!
@pipitek
@pipitek 3 жыл бұрын
rofl
@ANDYANDREY1
@ANDYANDREY1 3 жыл бұрын
@@pipitek yeah... you just broke KZbin
@mikeviverette5867
@mikeviverette5867 3 жыл бұрын
Need a new feature in youtube for content like this, that allows 2 thumbs up. This was excellent.
@coffeecel
@coffeecel 3 жыл бұрын
You taught me more in one video than my teacher did in 4 years..
@andrewdillard5961
@andrewdillard5961 3 жыл бұрын
You should get his course. It's really good
@otesunki
@otesunki 3 жыл бұрын
@@andrewdillard5961 Nice try, selfpromoting with an alt account. [ J O K E ]
@vijais5692
@vijais5692 3 жыл бұрын
@@otesunki If so there is nothing wrong in that :)
@charlesbaldo
@charlesbaldo 3 жыл бұрын
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 3 жыл бұрын
@@charlesbaldo fr that's the school fault
@00rfeeley00
@00rfeeley00 3 жыл бұрын
This video is instant classic, which anyone learning CSS needs to watch.
@MasterOfMisc
@MasterOfMisc 3 жыл бұрын
I'm glad i "selected" this video. Awesome
@geemcdee
@geemcdee 3 жыл бұрын
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!
@The-Great-Brindian
@The-Great-Brindian Жыл бұрын
I'll watch your 3 videos any day 😀 lol
@nsharma4981
@nsharma4981 3 жыл бұрын
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! 😄
@alinavarkki4056
@alinavarkki4056 3 жыл бұрын
Cannot believe I can learn and enjoy looking at Kyle at the same time 🔥🔥🔥🔥🔥
@jawad_youtube
@jawad_youtube 2 жыл бұрын
( ͡° ͜ʖ ͡°)
@LanguageSkillz
@LanguageSkillz 2 жыл бұрын
=*D
@RNMERIA
@RNMERIA 3 жыл бұрын
CSS can be tricky, without practise. Kyle your cheatsheet is pure gold. Thank you
@bba4769
@bba4769 3 жыл бұрын
Not even half way done but I've already clarified so much. Great quality content. You deserve millions of views.
@MiguelFernando
@MiguelFernando 3 жыл бұрын
Another great, comprehensive, yet concise summary. Thanks!
@day_tech5381
@day_tech5381 3 жыл бұрын
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.
@homerisian
@homerisian 3 жыл бұрын
Clearest and most comprehensive discription of selectors I have seen so far, definitely subscribing, thanks
@ericgpare
@ericgpare 3 жыл бұрын
This is the simplest and most comprehensive video for css selectors I have ever seen. Thanks!
@pauldelcour
@pauldelcour 2 жыл бұрын
Absolutely brilliantly explained. You not only know your CSS, but are able to get that across unbelievably clear and short!
@wallyceebee
@wallyceebee 2 жыл бұрын
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.
@thomasdam7438
@thomasdam7438 2 жыл бұрын
No one is as good as YOU in explaining stuff. Thanks man
@bobdinitto
@bobdinitto 2 жыл бұрын
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!
@TheronGBurrough
@TheronGBurrough 3 жыл бұрын
Such an excellent instructor! Short, sweet and easy to understand.
@vincentlance377
@vincentlance377 2 жыл бұрын
Man I am addicted to your videos. So simple and straight to the point, while also super informative. Good job brother keep it up!
@tuancao85
@tuancao85 2 жыл бұрын
Love your cheat sheet, I know it take a lot of work to build it and make it so simple to understand. Thanks Kyle!
@shamiul_islam
@shamiul_islam 3 жыл бұрын
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.
@yatin1370
@yatin1370 5 ай бұрын
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!
@hasnain002
@hasnain002 3 жыл бұрын
all concept cleared in just 20 minutes, wanted to learn selectors for last 8 months, Your are really the Teacher.
@rohitgundeti7713
@rohitgundeti7713 3 жыл бұрын
Best short video on CSS so far. Thanks!
@cedricmendoza8316
@cedricmendoza8316 2 жыл бұрын
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.
@iwanttopunchtheosface
@iwanttopunchtheosface 3 жыл бұрын
This is just wow! Will not want to skip ads on your vids coz you deserve it. Thank you!
@darentsimon
@darentsimon 2 жыл бұрын
You've got to love this kid! making me smarter and more productive each and everyday. thank you Kyle.
@sampersis6193
@sampersis6193 2 жыл бұрын
A talented instructor who knows CSS very well. Clear and to-the-point explanation. ⭐⭐⭐⭐⭐
@ramonrahner9969
@ramonrahner9969 3 жыл бұрын
Thank you for this great refresher! Good Job!
@twotentsdown
@twotentsdown 4 күн бұрын
As usual, you gave such a great explanation of these concepts with easy-to-understand examples. Thanks for sharing!
@adammarez9589
@adammarez9589 2 жыл бұрын
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.
@DevWithEv
@DevWithEv 3 жыл бұрын
This is the best (of many) CSS videos I have seen. Thank you!
@muktabaraliamu7299
@muktabaraliamu7299 2 жыл бұрын
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!
@AadeshKulkarni
@AadeshKulkarni Жыл бұрын
Thanks for the cheatsheet! Beautiful!!
@higherpurpose1212
@higherpurpose1212 2 жыл бұрын
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!
@icreator_websites
@icreator_websites 7 ай бұрын
Great Video!! Thanks for putting this together.
@serenafinley7967
@serenafinley7967 Жыл бұрын
This is very helpful! Great job!!!
@amol_thakurdware
@amol_thakurdware 2 жыл бұрын
Thank you for the crisp explanation!
@WeekendMuse
@WeekendMuse Жыл бұрын
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.
@cfuman
@cfuman Жыл бұрын
You have covered everything I needed to know and much more, thank you!
@kanashimi6209
@kanashimi6209 3 жыл бұрын
Your content is always really good and concise, it's helping me out greatly. Keep up the good work!
@shaderone07
@shaderone07 3 жыл бұрын
This was undoubtedly on of the most useful videos ever uploaded on the INTERNET.
@decaf4me2
@decaf4me2 Жыл бұрын
Fantastic! This helped me understand selectors so much better than I did before. Thank you!
@dr8121
@dr8121 2 жыл бұрын
This was truly the best educational video i've come across on... the internet. Here's hoping you have lot's more. Thank you.
@jacobkreifels7690
@jacobkreifels7690 2 жыл бұрын
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
@DuyenPhanLan
@DuyenPhanLan 2 жыл бұрын
Can't thank you enough for the great content! You've explained everything so well! Just liked and subscribed to your channel!
@simranthiara6616
@simranthiara6616 3 жыл бұрын
Great video man. Definitely had to subscribe.
@karthikeyaanar
@karthikeyaanar 3 жыл бұрын
Simple yet powerful css tuts I have ever seen. Thanks so much
@kamilrojek3033
@kamilrojek3033 3 жыл бұрын
Great job mate. Explained very well!
@willwill1738
@willwill1738 Жыл бұрын
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.
@shoyur
@shoyur Жыл бұрын
Im a backend developer, starting front-end with Angular, i know CSS but not a lot, this REALLY helped
@FunOfHeuristic
@FunOfHeuristic 3 жыл бұрын
Nicely organised and step by step explanation for selectors, thanks for sharing.
@webdevsports
@webdevsports 2 жыл бұрын
for all of you are watching this!! you aren't wasting time believe me, this guy is a legend in publishing web content
@Lachezariii
@Lachezariii 2 жыл бұрын
Monster video again! Well done!
@Aditya-xz5qv
@Aditya-xz5qv 3 жыл бұрын
Thank you for your short and informative videos!
@dayannaoliveira7369
@dayannaoliveira7369 Жыл бұрын
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
@BigBoomOfDoom2
@BigBoomOfDoom2 Жыл бұрын
Your videos are always so helpful. Thanks.
@shreyassukumaran9881
@shreyassukumaran9881 2 жыл бұрын
You explained it very clearly and you have a soothing voice that's a great plus. Loved your video
@Manolete919
@Manolete919 2 жыл бұрын
Very precise and concise information!!
@CustardGames_
@CustardGames_ 3 жыл бұрын
Another great video 🔥 your channel has helped me learn quickly - thank you!
@garyalway
@garyalway 2 жыл бұрын
without doubt the best videos on web dev, keep it up!!
@louwp2
@louwp2 3 жыл бұрын
Wow! Awesome video! It sorted out a lot of my issues. Thank you!
@josue-cedeno
@josue-cedeno 3 жыл бұрын
This is a SUPER helpful video. Thank you for the cheat sheet!
@johnmadere
@johnmadere Жыл бұрын
Super helpful. Been focusing more on the JavaScript side than CSS and this is perfect to get my projects looking better. Thanks!
@seragserag-oq9iq
@seragserag-oq9iq 4 ай бұрын
Man, you're a gem! Thank you.
@anahitam5060
@anahitam5060 2 жыл бұрын
dude... thank god I found your videos! I was struggling so bad learning CSS! thanks!
@gavinputterill8175
@gavinputterill8175 2 жыл бұрын
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.
@madhavkwatra5888
@madhavkwatra5888 Жыл бұрын
😂 i too did that
@dictatorrich3412
@dictatorrich3412 2 жыл бұрын
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.
@deonrich3149
@deonrich3149 3 жыл бұрын
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! 🙂♥️👍
@shivamsahu9998
@shivamsahu9998 8 ай бұрын
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
@angelioan5949
@angelioan5949 3 жыл бұрын
Amazing tutorial, this helped me a lot !
@jamesdaniel6475
@jamesdaniel6475 2 жыл бұрын
Great CSS tutorial. Thanks alot.
@idontcare2073
@idontcare2073 Жыл бұрын
I'm super grateful I found you!
@stasonnl777
@stasonnl777 3 жыл бұрын
Great job! Thank's for it.
@collinskitili
@collinskitili 6 ай бұрын
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 2 жыл бұрын
Bloody hell! I love your videos. No one has ever explained something so clearly before! Damm!
@fionali7400
@fionali7400 3 жыл бұрын
Thnak you! Extremely helpful!
@adrianqx
@adrianqx Жыл бұрын
Thanks I need this refreshers now and again
@ajdrag
@ajdrag 2 жыл бұрын
Another great video. Thank you very much.
@ventsislavstoimenov4404
@ventsislavstoimenov4404 3 жыл бұрын
Man, you are simply incredible... honestly!
@charlesabboud1613
@charlesabboud1613 Жыл бұрын
This was superb, thank you for putting it together
@vijaypalaskar
@vijaypalaskar 3 жыл бұрын
Thanks for the videos.lots of concepts cleared 👍
@zakhariihusar6975
@zakhariihusar6975 3 жыл бұрын
The cheat sheet is amazing! Thanks!!
@CMD4WP
@CMD4WP 2 жыл бұрын
Wow, Talk about to the point in Cristal d'Argues, clear and precise! Thank you ever so much.
@user-sz3nn2lb6u
@user-sz3nn2lb6u 2 жыл бұрын
Thank you , young man, so many high quality videos.
@marcinkalmar9964
@marcinkalmar9964 2 жыл бұрын
I watched this film instead 6 hours tutorial about CSS , good pill of knowledge, thank you
@bhashuvbr
@bhashuvbr 2 жыл бұрын
The tutorial generates passion to learn and become an expert.
@felixdiaz7490
@felixdiaz7490 3 жыл бұрын
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. :-)
@lilyzeng5180
@lilyzeng5180 3 жыл бұрын
Very interesting and understandable video! Thank you so much.
@drviagrin3798
@drviagrin3798 6 ай бұрын
Also, thank you for this video it helped with my understanding of pseudo-classes, pseudo-elements, and sibling selectors. Subscribed!
@Aziz-kw6ct
@Aziz-kw6ct Жыл бұрын
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.
@janithnirmal6487
@janithnirmal6487 Жыл бұрын
one of most effective and straight forward tutorial for web development. much love for the effort cheat sheet ❤
@clevermissfox
@clevermissfox 7 ай бұрын
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
@jonesfischer9476
@jonesfischer9476 2 жыл бұрын
Thanks for making this !!! 🙏
@GyrosHunter
@GyrosHunter 2 жыл бұрын
Bro. Awesome work, man.
@JoshIbbotson
@JoshIbbotson 2 жыл бұрын
This is so ridiculously useful, brilliant stuff!
@ryanhaines460
@ryanhaines460 2 жыл бұрын
Great! Explain and make much more sense than the CSS Selector Diner game.
@bluekeny
@bluekeny 3 жыл бұрын
Thanks - great job!
Learn CSS in 20 Minutes
23:44
Web Dev Simplified
Рет қаралды 1,7 МЛН
5+ Must Know HTML Tags That Almost Nobody Knows
15:33
Web Dev Simplified
Рет қаралды 612 М.
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 111 МЛН
100❤️
00:19
Nonomen ノノメン
Рет қаралды 33 МЛН
Trágico final :(
01:00
Juan De Dios Pantoja
Рет қаралды 32 МЛН
CSS Selectors - beyond the very basics
18:47
Kevin Powell
Рет қаралды 39 М.
Learn DOM Manipulation In 18 Minutes
18:37
Web Dev Simplified
Рет қаралды 1 МЛН
Learn CSS Position In 9 Minutes
9:26
Web Dev Simplified
Рет қаралды 1,9 МЛН
Learn CSS Transform In 15 Minutes
14:37
Web Dev Simplified
Рет қаралды 166 М.
CSS Selectors Tutorial for Beginners
20:34
Dave Gray
Рет қаралды 41 М.
6 Advanced Flexbox Features You Probably Don’t Know
14:54
Web Dev Simplified
Рет қаралды 108 М.
The new CSS pseudo-classes explained - :is() :where() :has()
13:50
Kevin Powell
Рет қаралды 129 М.
Learn CSS Pseudo Elements In 8 Minutes
7:50
Web Dev Simplified
Рет қаралды 248 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 155 М.
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 111 МЛН