课程详情

20 years ago when I could first write the CSS with 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 your CSS to write more powerful, optimized 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 IDsWorking with compound and group selectorsTargeting parent, child, and sibling elements (combinator)Targeting element attributesTargeting links with pseudo-class selectorsTargeting child elements and empty elementsWorking with negation elementsStyling and validating formsMatching pattern with Nth-child SelectorsCreating custom global variablesUsing selectors with javascript.Who this course is for:New web enthusiasts and front-end developersComplete beginners who want to enhance their skill setsExperts who want to reinforce themselvesAnyone who wants to refresh knowledgeWeb designers and developersDevelopers who are tired of fighting with CSSProfessionals who want to level up CSS skillsSo if you're ready to be one of the top 10% fronted developers then roll-up your sleeves, fire-up your code editor and let's get started with CSS selectors- the complete guide.

课程标签

0人关注该课程

主题相关的课程