Discover new HTML elements and CSS Selectors that you might not know! Learn the hard parts of CSS, including inheritance, specificity, and the cascade. Plus, get hands-on with modern CSS selectors like :is(), :where(), and :has()! With this knowledge, you'll be able to create web pages with fewer classes and more concise and meaningful HTML.
Overview
Syllabus
- Introduction
- HTML Elements Vocabulary
- HTML Elements Q&A
- HTML Lists
- CSS Reset box-sizing
- CSS Terminology
- Class, ID, & Descendant Selectors
- Parent-Child & Siblings Selectors
- Attribute Selectors
- Attribute Selectors Exercise
- Attribute Selectors Solution
- Ordered & Unordered List Styling
- Styling List Item Markers
- Ordered List Styling
- Description Lists & Flexbox
- Description Lists & CSS Grid
- Menu Lists
- Lists Exercise
- Lists Solution
- Semantic HTML Elements
- Content Sectioning
- Content Sectioning Exercise
- Content Sectioning Solution
- Level 4 Pseudo-Class Selectors
- Styling Without Classes Exercise
- Styling Without Classes Solution
- What Inherits in CSS
- CSS Inheritance Demo
- Inheritance property & Values Demo
- CSS Specificity Overview
- CSS Specificity Demo
- CSS Specificity Quiz
- Combining Inheritance & Specificity
- Specificity & Inheritance Exercise
- Specificity & Inheritance Solution
- Understanding the Cascade
- Cascade Overview
- Cascade Code Demo
- CSS Cascade in Dev Tools
- Layer & The Cascade
- Working with Layers
- Managing Multiple Layers
- Wrapping Up
Taught by
Jen Kramer
