CSS Tutorial For Beginners 10 - CSS Conflicts & the Cascade
HTML-код
- Опубликовано: 8 июн 2015
- Heey class! Today we're going to tackle what happens when you run into CSS simple conflicts and how the cascade (from Cascading Style Sheets) plays a part in resolving those conflicts. Remember, Cascading mean falling downwards - from top to bottom. That means that CSS is read from TOP to BOTTOM!
If you have any questions about this CSS tutorial, comment below.
Please like & subscribe if you enjoy, ninjas :).
SUBSCRIBE TO CHANNEL - / @netninja
========== CSS for Beginners Playlist ==========
• CSS Tutorials For Begi...
========== HTML Basics Course ==========
• HTML Tutorials For Beg...
========== The Net Ninja ============
For more front-end development tutorials & to black-belt your coding skills, head over to - / @netninja or thenetninja.co.uk
========== Social Links ==========
Twitter - @TheNetNinja - / thenetninjauk
You seriously made this so simple to understand. Elucidating something that the course I'm taking made sound like building a nuclear bomb or something!
THANK YOU!
I am so going to share these videos with anybody that shows minimal interest in web development!
MY GOD! THIS IS ALL SO BRILLIANTLY EXPLAINED! I HAVE FINALLY UNDERSTOOD THIS CSS CONFLICT STUFF, WHICH HAS PLAGUED ME IN OTHER COURSES. YOUR WAY OF GOING THROUGH WHAT THE BROWSER ENGINE DOES TO APPLY THE STYLES JUMPING FROM THE HTML TO CSS BACK AND FORTH, WHILE CASCADING MAKES IT CRYSTAL CLEAR. THANKS SO MUCH FOR THAT! I FEEL SO HAPPY TO UNDERSTAND THAT NOW AND I ALSO FEEL, THAT I WILL BE ABLE TO APPLY ALL THAT IN THE FUTURE! MY PROFUSE THANKS! YOU ARE REALLY AN EXCELLENT TEACHER!
Tackle #CSS #conflicts like a pro ninja! ruclips.net/video/4oPvurjpcNw/видео.html #free #tutorial. Keep on coding ninjas (|:|)-\-
"I've forgot which color HE told me..."
lol :)
I wonder how is it that easy for you to provide that much of information in a short time! Thank you
he is a genius, I am glad he follow me on twitter :D.... I learn so much from him
Thanks Shaun. You've made it so much fun! I think I'm gonna watch all your vids :3
Hope you get all the bests in your life. Take love.
That was a really good American accent.
indeed it was
Yo Ninja. BIG thanks, a friend gave me a web development course. I saw your vids just for clarify some terms like positioning. But now i find myself redoing my full course on your channel.
This you have here, is a hell of a great content.
Once again thanks for doing this.
Me too😂
Thank you so much! You explained it very well like how I wanted!
You and Stef Mischook have similar teaching styles. Both good teachers. Keep it up!
Great! :) Now, how to find those conflicts once I would want to tidy up?
You really make things simple, beginner friendly and easy to understand. Thank you so much :))) btw, your accent is smexy af. :P
Thanks Man!
thank you
that was a good american accent impression! great vids man
Thanks man
Net ninja the best of the best
Respect from US
I love this explanation
Hope it was helpful Isaac! :)
let say the span selector at the top has the color and font-size attributes, and the bottom span selector has only color attribute, is it gonna overwrite color and keep the font-size attribute that is given in the top, or is it gonna delete all the attributes and then color it as in the bottom span?
Thank you so much. Could you please lighten up the “identical “ a bit? You mentioned it few times and still I don’t get it
thx
You said you can only use an id once in a page and a class multiple times in a page. But there is an id for header and one also for content-header. Are those not two id’s. And can they both be tagged once or just one of them.
1:54 🤣 this happens to me always when mind is faster than tongue
I avoided the first waaa but the forgot about the second :/
just a little contribution, overriding styles can be visualized using the browser devtools
Ive got a question: I put the whole body tag inside a div tag called "main". Now i targeted the body tag in css,but change something in the html doc OUTSIDE the bodytag (between the body tag and the closing div main tag)-> the css also changed the text outside the bodytag. Shouldnt it only change the color within the bodytag? like this: HTML:
if its only rule used it applies to everything, you need to be specific for your #div id and put rules onto it, 3 years later ...
Where is the sound?
Im soon gonna be a net ninja🙂👊❤❤❤
Dang why couldnt i have found you sooner
my thoughts exactly
this is a kick-ass dojo
Who else thought they got a skype message 5:09
me lol
et tu ? lol
simple
Why do you even want to create conflicts? Just have one specific selector targeting a certain tags.
Botak 😊
Kaya 😊
So we climb on these cascade up - thx
still I didn't get it what is Cascade?
what web ide u r using??
In this video Brackets.io but I am using Atom now :)
What packages in atom? Could you do a video about your atom setup?
@@NetNinja ah man, I left atom to follow this on brackets here.
Though brackets is pretty cool. especially the vertical split and the Ctrl + E
P.S. best dojo ever
That American accent offended me I believe I am entitled to a compensation of all your merch and
Who is here from school??