CSS: Inheritance, Specificity, and the Cascade

Focused View

Jen Kramer

1:36:58

134 View

01 - Introduction

01 - The big C in CSS.mp4

02:19

02 - CSS terminology refresher.mp4

02:11

02 - 1. Understanding Inheritance

01 - What is inheritance.mp4

03:17

02 - Examples of inheritance.mp4

07:14

03 - Controlling inheritance with inherit.mp4

03:33

04 - Exploring initial, unset, revert, and all.mp4

09:04

05 - Challenge Working with inheritance.mp4

01:29

06 - Solution Working with inheritance.mp4

02:27

03 - 2. Understanding Specificity

01 - What is specificity.mp4

06:37

02 - How selectors and ordering impact specificity.mp4

06:36

03 - Selectors with no specificity.mp4

05:40

04 - The impact of inheritance on specificity.mp4

05:09

05 - Challenge Explaining specificity.mp4

02:25

06 - Solution Explaining specificity.mp4

04:55

04 - 3. Understanding the Cascade

01 - What is the cascade.mp4

03:21

02 - Identifying origins of CSS declarations using browser tools.mp4

11:11

03 - Sorting declarations by importance.mp4

05:10

04 - !important Its use and abuse.mp4

06:22

05 - @layer Impacting specificity through components.mp4

06:24

05 - Conclusion

01 - Moving forward with CSS.mp4

01:34

Description

CSS properties? Easy. CSS layout? Sure. Figuring out which part of a CSS stylesheet applies to a document, especially when there are multiple parts that might apply? Much harder. In this course, Jen Kramer explains that, yes, CSS has powerful rules for addressing these situations, and helps you figure out how to efficiently combine styles to make your website look exactly how you want it to look. After a quick CSS terminology review, Jen dives into the three parts of the cascade that work together to determine what style is displayed on a webpage: Inheritance, specificity, and the cascade itself. She looks at each part independently, then shows how the cascade works with inheritance and specificity to identify the final styling for a given page.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Jen Kramer

Instructor's Courses

Want an expert curriculum developer and subject matter expert to design your no-code boot camp? I'm the person you've been looking for! I eliminate the web's gatekeepers by teaching the world how to tell their stories online in a fun and accessible way for all skill levels. Whether you are a code person or a no-code person, or if you have a deep technical background or none at all, you can create an online side hustle, change your career, sell your services, and market your products. I'm here to teach you how. Follow me at LinkedIn Learning for coding and no-code solutions to your problems. Follow me at Frontend Masters for coding solutions to your problems.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.