CSS Selectors in Depth

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.

• 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