Advanced CSS Selectors: The Complete Course

20 years ago, when I could first write CSS with an HTML document, we had a limited set of selector choices like- element, classes, ids and descendant selectors.

But now we have dozens and dozens of powerful CSS selectors we can use in our CSS to write more powerful, optimised CSS selectors to maintain our stylesheet.

So in this class, discover how to effectively leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors.

In this course, I will demonstrate how to pinpoint specific parts (and groups of parts) in an HTML document using the powerful declarative syntax of CSS selectors.

I will cover combinator selectors, attribute selectors, pseudo-class and pseudo-element selectors, and the universal selector.

But that’s not all, there is a bonus video for you where I’ll show you how you can use CSS selectors with JavaScript to add dynamic behaviour in your HTML document with real-world examples.

Topics include:

• Targeting elements, classes and IDs.

• Working with compound and group selectors.

• Targeting parent, child, and sibling elements (combinator).

• Targeting element attributes.

• Targeting links with pseudo-class selectors.

• Targeting child elements and empty elements.

• Working with negation elements.

• Styling and validating forms.

• Matching pattern with Nth-child Selectors.

• Creating custom global variables.

• Using selectors with JavaScript.

Who this course is for?

• New web enthusiasts and front-end developers.

• Complete beginners who want to enhance their skill sets.

• Experts who want to reinforce themselves.

• Anyone who wants to refresh their knowledge.

• Web designers and developers.

• Developers who are tired of fighting with CSS.

• Professionals who want to level up their CSS skills.

So if you’re ready to be one of the top 10% front-end developers, then roll up your sleeves, fire up your code editor and let’s get started with CSS selectors- the complete guide.