CSS Tutorial For Beginners 10 - CSS Conflicts & the Cascade

Показать описание

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 :).

========== CSS for Beginners Playlist ==========

========== HTML Basics Course ==========

========== The Net Ninja ============

========== Social Links ==========

Рекомендации по теме

Комментарии

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!

craigbowers

"I've forgot which color HE told me..."
lol :)

Marsell

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!

francisjacquart

That was a really good American accent.

PerryDolia

I wonder how is it that easy for you to provide that much of information in a short time! Thank you

samehabbadi

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.

saintkii

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.

onlythebrave

Thank you so much! You explained it very well like how I wanted!

marvinpolanco

You and Stef Mischook have similar teaching styles. Both good teachers. Keep it up!

Seekingtruth-mxur

Great! :) Now, how to find those conflicts once I would want to tidy up?

dreamzilla

that was a good american accent impression! great vids man

dubhe

Net ninja the best of the best
Respect from US

lancer

You really make things simple, beginner friendly and easy to understand. Thank you so much :))) btw, your accent is smexy af. :P

rayankhan

1:54 🤣 this happens to me always when mind is faster than tongue

Ssik

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

amesmerisedbeing

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?

ahmetyazc

I avoided the first waaa but the forgot about the second :/
just a little contribution, overriding styles can be visualized using the browser devtools

whynot-vqly

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.

bijuu_boy

Dang why couldnt i have found you sooner

markbaladad

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: <div id="main><body></body>THIS CHANGED ITS COLOR TO RED TOO</div> CSS:body{color: red;}

Laurenan

CSS Tutorial For Beginners 10 - CSS Conflicts & the Cascade

CSS Tutorial For Beginners 10 - CSS Conflicts & the Cascade

Learn CSS in 12 Minutes

CSS tutorial for beginners 🎨

CSS in 5 minutes

10 CSS Pro Tips - Code this, NOT that!

Learn CSS in 1 hour 🎨

Learn CSS in 20 Minutes

HTML & CSS Crash Course Tutorial #10 - Intro to Media Queries

Bell Ringing Animation in CSS #css #tipsandtricks #cssanimation #animation #webdesign #tricks #howto

CSS in 100 Seconds

CSS Tutorial For Beginners

Svelte Tutorial for Beginners #10 - CSS & Conditional Styles

These CSS PRO Tips & Tricks Will Blow Your Mind!

Learn Flexbox CSS in 8 minutes

HTML & CSS 2020 Tutorial 10 - Styling your website with external stylesheets (CSS)

CSS Introduction and Tutorial for Beginners

I Built a Website in 10 Minutes using HTML & CSS

CSS Tutorial for Beginners | Complete CSS with Project, Notes & Code

CSS Masterclass - Tutorial & Course for Beginners

HTML & CSS Full Course for free 🌎 (2023)

CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours

CSS Tutorial - Zero to Hero (Complete Course)

Learn HTML & CSS – Full Course for Beginners

CSS Flexbox Tutorial for beginners