Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

CSS Selectors in Depth

via egghead.io

Overview

Cascading style sheet (CSS) selectors are the glue that connects styling to HTML content. Understanding how they work enables a developer to write more semantic markup and keeps styling modular for better project maintenance.
In this course, we will start with basic selectors and work our way through more complex classification of selectors, explaining common use cases along the way. Finally, we’ll look at how selectors can be combined and how selector specificity can create some common problems.

Syllabus

  • Understand Basic CSS Selectors
  • Identify Interactive HTML Elements with CSS Link Pseudo Classes
  • Define Form Element States with CSS Form Pseudo Classes
  • Target Custom HTML Element Patterns with DOM Hierarchy Pseudo Classes in CSS
  • Target HTML Elements not Explicitly set in the DOM with CSS Pseudo Elements
  • Chain Simple CSS Selectors for Fine-grain DOM Element Targeting
  • Advanced CSS Selector Chaining for Improved Interaction without Javascript
  • Understand CSS Selector Specificity

Taught by

Garth Braithwaite

Reviews

4.4 rating at egghead.io based on 499 ratings

Start your review of CSS Selectors in Depth

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.