Learn Every CSS Selector In 20 Minutes

  Рет қаралды 458,977

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 492
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
Download my FREE CSS Selector Cheat Sheet: webdevsimplified.com/specificity-cheat-sheet.html
@neutralface
@neutralface 4 жыл бұрын
Does email marketing still work?
@A_Lesser_Man
@A_Lesser_Man 4 жыл бұрын
force me to give my real email address? I no like that!
@barathviknesh1646
@barathviknesh1646 4 жыл бұрын
Hii kyle do some videos on fastisfy .
@KylePrinsloo
@KylePrinsloo 4 жыл бұрын
Excellent video! Thanks Kyle
@Neha-sw6ky
@Neha-sw6ky 4 жыл бұрын
How can someone so hot teach amazing as well😍
@Al_Gonzo
@Al_Gonzo 4 жыл бұрын
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 --------------------------------------------
@BelegaerTheGreat
@BelegaerTheGreat 3 жыл бұрын
LOL your username broke YT!!!
@pipitek
@pipitek 3 жыл бұрын
rofl
@ANDYANDREY1
@ANDYANDREY1 3 жыл бұрын
@@pipitek yeah... you just broke KZbin
@mikeviverette5867
@mikeviverette5867 4 жыл бұрын
Need a new feature in youtube for content like this, that allows 2 thumbs up. This was excellent.
@00rfeeley00
@00rfeeley00 4 жыл бұрын
This video is instant classic, which anyone learning CSS needs to watch.
@coffeecel
@coffeecel 4 жыл бұрын
You taught me more in one video than my teacher did in 4 years..
@andrewdillard5961
@andrewdillard5961 4 жыл бұрын
You should get his course. It's really good
@otesunki
@otesunki 4 жыл бұрын
@@andrewdillard5961 Nice try, selfpromoting with an alt account. [ J O K E ]
@vijais5692
@vijais5692 4 жыл бұрын
@@otesunki If so there is nothing wrong in that :)
@charles-y2z6c
@charles-y2z6c 4 жыл бұрын
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 4 жыл бұрын
@@charles-y2z6c fr that's the school fault
@nsharma4981
@nsharma4981 4 жыл бұрын
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 4 жыл бұрын
CSS can be tricky, without practise. Kyle your cheatsheet is pure gold. Thank you
@MasterOfMisc
@MasterOfMisc 4 жыл бұрын
I'm glad i "selected" this video. Awesome
@geemcdee
@geemcdee 4 жыл бұрын
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 2 жыл бұрын
I'll watch your 3 videos any day 😀 lol
@yatin1370
@yatin1370 11 ай бұрын
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!
@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
@alinavarkki4056
@alinavarkki4056 4 жыл бұрын
Cannot believe I can learn and enjoy looking at Kyle at the same time 🔥🔥🔥🔥🔥
@jawad_youtube
@jawad_youtube 3 жыл бұрын
( ͡° ͜ʖ ͡°)
@LanguageSkillz
@LanguageSkillz 3 жыл бұрын
=*D
@bba4769
@bba4769 4 жыл бұрын
Not even half way done but I've already clarified so much. Great quality content. You deserve millions of views.
@shivamsahu9998
@shivamsahu9998 Жыл бұрын
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
@clevermissfox
@clevermissfox Жыл бұрын
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
@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!
@shoyur
@shoyur Жыл бұрын
Im a backend developer, starting front-end with Angular, i know CSS but not a lot, this REALLY helped
@TheScoobysteve
@TheScoobysteve Жыл бұрын
I'm 36 and have finally decided to formalise my computer science knowledge with a degree. I've come to realise, watching these videos, that on a long list of ways to impart lasting knowledge to my brain, 2 hour lectures are right at the bottom.
@sampersis6193
@sampersis6193 2 жыл бұрын
A talented instructor who knows CSS very well. Clear and to-the-point explanation. ⭐⭐⭐⭐⭐
@pranabroy8218
@pranabroy8218 3 жыл бұрын
A teacher every one wants. BEST of ALL
@hasnain002
@hasnain002 4 жыл бұрын
all concept cleared in just 20 minutes, wanted to learn selectors for last 8 months, Your are really the Teacher.
@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
@altheometrix
@altheometrix 3 ай бұрын
You've got my recommendations for sure. Loved when you type random words you type left hand home row keys. (liked cuz I just learned touch typing)
@joshwzr1257
@joshwzr1257 2 жыл бұрын
..I was confused about selectors until I found this tutorial. Thanks very much
@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.
@ericgpare
@ericgpare 4 жыл бұрын
This is the simplest and most comprehensive video for css selectors I have ever seen. Thanks!
@hariharnagarajan7551
@hariharnagarajan7551 Жыл бұрын
Highly professional & to the point. CSS Selector Sheet - Please explain how to read the Results Column..
@collinskitili
@collinskitili Жыл бұрын
As someone whose getting a hang of CSS, this video really sums up most of the things. This was really helpful. Thank you
@UMAR.i4u2get
@UMAR.i4u2get 2 жыл бұрын
You taught me everything about css..... Because selectors are everything
@marcinkalmar9964
@marcinkalmar9964 3 жыл бұрын
I watched this film instead 6 hours tutorial about CSS , good pill of knowledge, thank you
@KarriemMuhammad-wq4lx
@KarriemMuhammad-wq4lx 5 ай бұрын
Refreshing to not have to deal with a language barrier when trying to learn "Technical" content. No offense to anyone with an accent. I'm just saying the way my brain is set up it immediately started learning once i clicked play. which isn't always the case when someone has an accent. Glad I found this old Gem!
@gavinputterill8175
@gavinputterill8175 3 жыл бұрын
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 2 жыл бұрын
😂 i too did that
@MiguelFernando
@MiguelFernando 4 жыл бұрын
Another great, comprehensive, yet concise summary. Thanks!
@homerisian
@homerisian 3 жыл бұрын
Clearest and most comprehensive discription of selectors I have seen so far, definitely subscribing, thanks
@thomasdam7438
@thomasdam7438 2 жыл бұрын
No one is as good as YOU in explaining stuff. Thanks man
@JacobAaron97
@JacobAaron97 2 жыл бұрын
This helped a LOT. I’m currently taking a bootcamp. I think what still throws me off is when we give something the class of a color…. “Give this li with the class of red the background of green” just jumbles me a bit.
@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.
@dictatorrich3412
@dictatorrich3412 3 жыл бұрын
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.
@ebesugabriel4661
@ebesugabriel4661 Жыл бұрын
this guy is too good, before he's done explaining i've already understood, straight to the point 😄
@pauldelcour
@pauldelcour 2 жыл бұрын
Absolutely brilliantly explained. You not only know your CSS, but are able to get that across unbelievably clear and short!
@bhashuvbr
@bhashuvbr 3 жыл бұрын
The tutorial generates passion to learn and become an expert.
@shreyassukumaran9881
@shreyassukumaran9881 3 жыл бұрын
You explained it very clearly and you have a soothing voice that's a great plus. Loved your video
@darentsimon
@darentsimon 3 жыл бұрын
You've got to love this kid! making me smarter and more productive each and everyday. thank you Kyle.
@dayannaoliveira7369
@dayannaoliveira7369 2 жыл бұрын
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
@LanguageSkillz
@LanguageSkillz 3 жыл бұрын
The methodical approach you're taking to these even helps with redundant information. A space between selectors designating the latter trails inside precedent manifolds, > and + being directly after, (of course) looking to include chained class selectors in a comma-delimited-list of a style to be applied as it would, and the gotcha insight regarding a + detailed selector not matched at that direct-after point goes un-applied where a ~ for all after finds it. The perspectives of && and II often get lost in selector notations, but adding them in adds nice fluidity. A lot just extra fortified for keeping notations clear and applying more of them. Pseudo-elements ::before and ::after were spooking me a bit but I've loved implementations, and a prompt verb pairing is so helpful to clarify: those declarations *create* those elements referred to as ::before and ::after, in reference to the stated selector. Hence underlying and overlying of elements will not be found in the html and are not accounted for that way at all when producing the look!!! So phantom lol. I've gotta check on how the ~, etc is supposed to be different categorically; i.e. in terms of siblings it does not seem to see any kind of descendant constructs; and about 9 more minutes. But the nuances add much to the enjoyable approaches.
@willwill1738
@willwill1738 2 жыл бұрын
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.
@Beepbupbap
@Beepbupbap 3 жыл бұрын
you literally saved me from my exam, this is the first time i understood this thank you! my exam will start in 10 mins so thank you!!!!!!!!
@definty
@definty 3 жыл бұрын
Did u pass?
@Beepbupbap
@Beepbupbap 3 жыл бұрын
@@definty yes!
@TheronGBurrough
@TheronGBurrough 4 жыл бұрын
Such an excellent instructor! Short, sweet and easy to understand.
@ichibi23
@ichibi23 Жыл бұрын
I love your videos. I know English, but it's not my native language, and your explanations are so clear. It's very easy to understand.
@simple8810
@simple8810 3 жыл бұрын
Using selectors i was always facing problems this video cleared all my confusion in just 20 mints thanks man,u got thumbs up___________________________________....
@shaderone07
@shaderone07 4 жыл бұрын
This was undoubtedly on of the most useful videos ever uploaded on the INTERNET.
@briandesign
@briandesign 4 жыл бұрын
so many tricks with CSS
@anahitam5060
@anahitam5060 2 жыл бұрын
dude... thank god I found your videos! I was struggling so bad learning CSS! thanks!
@raphaeltorsu8655
@raphaeltorsu8655 2 жыл бұрын
i’m keeping my job because of youuuu
@vincentlance377
@vincentlance377 3 жыл бұрын
Man I am addicted to your videos. So simple and straight to the point, while also super informative. Good job brother keep it up!
@rahulsheikh8508
@rahulsheikh8508 Жыл бұрын
Hey buddy. Lots of love from India. I was not able to learn these CSS selectors i tried various websites/ some youtube videos and this video is very very helpful. Also your cheat sheet is just superb. You are doing amazing job. Really thank you soo much People may say that this is another way of taking their email id but hey folks this is for your own betterment. I suggest go and watch this video and grab free cheat sheet. You will thank him too if you genuinely wants to learn CSS stuff
@johnyonardpauly5601
@johnyonardpauly5601 4 жыл бұрын
You really simplified web development learnings. Great channel. Keep posting
@RahulKeshav
@RahulKeshav 3 жыл бұрын
I already know a lot about CSS selectors, just wanted to improve my skills a bit. in the beginning, I thought he cant teach me enough. then the game completely changed after 10 minutes video.
@atsn7517
@atsn7517 3 жыл бұрын
You know when it is kyle's video, I just hit like button even before completing the video.
@muktabaraliamu7299
@muktabaraliamu7299 3 жыл бұрын
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!
@Neira-s3z
@Neira-s3z Жыл бұрын
This so great I literally understood everything. You have made CSS way more easier coz I had started to lose interest. Thank you
@twotentsdown
@twotentsdown 6 ай бұрын
As usual, you gave such a great explanation of these concepts with easy-to-understand examples. Thanks for sharing!
@geetheshbhat
@geetheshbhat 4 жыл бұрын
I have a front end interview this week, and oh god, this helped me a lot
@Binyamin1444
@Binyamin1444 4 жыл бұрын
Did u get the job bro?
@serhatbekk
@serhatbekk 4 жыл бұрын
Please make a tut about tab within a tab using html, css, js and Accessibility attributes like ARIA. I couldn't find a clear one on the net. It would really help and to see it on this channel would be amazing! :)
@YOUTUBE_IS_WOKE
@YOUTUBE_IS_WOKE 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!
@rohitgundeti7713
@rohitgundeti7713 3 жыл бұрын
Best short video on CSS so far. Thanks!
@dr8121
@dr8121 3 жыл бұрын
This was truly the best educational video i've come across on... the internet. Here's hoping you have lot's more. Thank you.
@Observer-a11
@Observer-a11 3 жыл бұрын
A good student is a good teacher. A good teacher is a good student.
@rightbackatcha22
@rightbackatcha22 2 жыл бұрын
kyle, consider hanging a few absorber panels on walls. You might like how that'll change the voice projection sir. just some basic cheap ones you can find somewhere in your area if you don't want studio grade stuff.
@shamiul_islam
@shamiul_islam 4 жыл бұрын
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.
@ZiZ8660
@ZiZ8660 2 жыл бұрын
you actually could change the background color of checkboxes using the accent color property. Great video!
@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!
@levinjacquet6628
@levinjacquet6628 2 жыл бұрын
Thanks for all your content man, this is so much better than the actual lecture at my university lol
@CMD4WP
@CMD4WP 2 жыл бұрын
Wow, Talk about to the point in Cristal d'Argues, clear and precise! Thank you ever so much.
@agusgarcia9509
@agusgarcia9509 3 жыл бұрын
This video is underrated! It deserves more likes!
@migueldomingos4570
@migueldomingos4570 4 жыл бұрын
Just want to mention that sometimes you use the element selector to reset some stuff in your css(like list-style in ul, text-decoration in a etc)
@janithnirmal6487
@janithnirmal6487 2 жыл бұрын
one of most effective and straight forward tutorial for web development. much love for the effort cheat sheet ❤
@VV-ps8rt
@VV-ps8rt 4 күн бұрын
Thank you so much, mad respect for covering every single detail
@karthikeyaanar
@karthikeyaanar 4 жыл бұрын
Simple yet powerful css tuts I have ever seen. Thanks so much
@eishawave3934
@eishawave3934 Жыл бұрын
Thank you. This video was very informative.. as a newbie to CSS + HTML I find that it makes more sense, the more I watch it! Cheers
@mergeconflict1496
@mergeconflict1496 2 жыл бұрын
Your hold on regex is amazing😎
@patriciabivens3149
@patriciabivens3149 4 жыл бұрын
My teacher said never to name the Class with the color because a lot of customers will change the color later on. If you name the Class name Yellow, and later on you give green color for the background. This is a conflict of reality. Anyway, overall, you are a good teacher, such a talented young age.
3 жыл бұрын
All the teachers I know use Classes with colors to teach, because it's very easy to see when an item has changed its color, and identify it, but only for teaching purposes, that's why, I guess. I've never seen any teacher using classes with colors in real life! :)
@vasantnarayanan8487
@vasantnarayanan8487 3 жыл бұрын
Bloody hell! I love your videos. No one has ever explained something so clearly before! Damm!
@FunOfHeuristic
@FunOfHeuristic 4 жыл бұрын
Nicely organised and step by step explanation for selectors, thanks for sharing.
@felixdiaz7490
@felixdiaz7490 4 жыл бұрын
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. :-)
@josephhrodd12
@josephhrodd12 4 жыл бұрын
You just saved my ass from failing classes right now. Thank you !!!!
@idontcare2073
@idontcare2073 Жыл бұрын
I'm super grateful I found you!
@ryanhaines460
@ryanhaines460 2 жыл бұрын
Great! Explain and make much more sense than the CSS Selector Diner game.
@decaf4me2
@decaf4me2 2 жыл бұрын
Fantastic! This helped me understand selectors so much better than I did before. Thank you!
@FacundoCastellano
@FacundoCastellano 2 жыл бұрын
Very good video!! and very clear English to be understood by not-english native speakers! thanks a lot!
@johnmadere
@johnmadere 2 жыл бұрын
Super helpful. Been focusing more on the JavaScript side than CSS and this is perfect to get my projects looking better. Thanks!
@1yyymmmddd
@1yyymmmddd Жыл бұрын
Great video. How would I apply selector to or tags ?
@ebesugabriel4661
@ebesugabriel4661 Жыл бұрын
you can simply use tr{ }, or td{ } or give them a class eg. then .row{ } goodluck😊
@mrindiagaming7803
@mrindiagaming7803 Жыл бұрын
I wish it has double like button really thanks for it bro in small time you really give specific knowledge and also thanks for cheat sheet love from.india bro 👍
@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.
@John-wx3zn
@John-wx3zn 3 жыл бұрын
I want to see you jam on that white guitar you sometimes have behind you. You are kicking ass on this web dev stuff.
@SerJLicious
@SerJLicious 3 жыл бұрын
I spent 10$ on Udemy just to always come back here 😂🤦‍♂️
@OmoOsun
@OmoOsun 6 ай бұрын
Me too
@parbindersingh4721
@parbindersingh4721 4 жыл бұрын
Great session. Thanks 🙂. Can you please make a video on render blocking CSS and the best practices to minimize it. Also if you can add JS minification that'll really helpful. 😏
@DeepakGupta-hj2dv
@DeepakGupta-hj2dv 4 жыл бұрын
Outstanding explanation Kyle..please make one video on Event loop
@WebDevSimplified
@WebDevSimplified 4 жыл бұрын
Thanks for the suggestion. I have it on my list of ideas.
@DeepakGupta-hj2dv
@DeepakGupta-hj2dv 4 жыл бұрын
Waiting video for Event Loop Node JS
@DeepakGupta-hj2dv
@DeepakGupta-hj2dv 4 жыл бұрын
Thanks man change for my life..please make one video on Event loop
@garyalway
@garyalway 2 жыл бұрын
without doubt the best videos on web dev, keep it up!!
Learn CSS in 20 Minutes
23:44
Web Dev Simplified
Рет қаралды 1,9 МЛН
Learn DOM Manipulation In 18 Minutes
18:37
Web Dev Simplified
Рет қаралды 1 МЛН
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 131 МЛН
Noodles Eating Challenge, So Magical! So Much Fun#Funnyfamily #Partygames #Funny
00:33
The Ultimate Sausage Prank! Watch Their Reactions 😂🌭 #Unexpected
00:17
La La Life Shorts
Рет қаралды 8 МЛН
CSS Selectors Tutorial for Beginners
20:34
Dave Gray
Рет қаралды 56 М.
Learn CSS Grid in 20 Minutes
18:35
Web Dev Simplified
Рет қаралды 802 М.
CSS Selectors - beyond the very basics
18:47
Kevin Powell
Рет қаралды 43 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 245 М.
Learn Socket.io In 30 Minutes
27:27
Web Dev Simplified
Рет қаралды 515 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 468 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 195 М.
Learn JavaScript Event Listeners In 18 Minutes
18:03
Web Dev Simplified
Рет қаралды 597 М.
Learn CSS Animation In 15 Minutes
15:33
Web Dev Simplified
Рет қаралды 775 М.
How To Build Feature Flags Like A Senior Dev In 20 Minutes
20:33
Web Dev Simplified
Рет қаралды 93 М.