Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 44 Minute(s)
Language
English
Taught by
Rahul Giri
Rating
2 views
Course Overview
Learn to write highly effective CSS selectors like top 10% web developers and style any website without touching HTML.
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 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 knowledge
Web designers and developers
Developers who are tired of fighting with CSS
Professionals who want to level up CSS skills
So 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.
Course Content
- 7 section(s)
- 31 lecture(s)
- Section 1 Basic Selectors
- Section 2 Combinator Selectors
- Section 3 Attribute Selectors
- Section 4 Pseudo-Class
- Section 5 Pseudo Element Selectors
- Section 6 Using Selectors in JS
- Section 7 Final Taught
What You’ll Learn
- How to write optimized css selectors to target anything without touching HTML
- Advance CSS selectors
- How to use CSS selectors with Javascript.
Reviews
-
BByron M Winston
It was good, but goes a little to fast. Wish there was projects after every section to go along with what we learned.
-
PPamela Pierce
Above and beyond, also gives design tips for best practices and how to use css with JavaScript. Excellent course. Be sure to change movie speed to meet your learning style.
-
TTami Schultz
If you really want to unlock the power of all those weird looking selectors you may have been ignoring, this is definitely the course for you -- it's in depth, and concise. (BTW, his CSS Shapes course is also awesome!!!! Check it out! :-) ). Rahul has an amazing depth of knowledge he shares with his students. I have been using CSS for over 20 years, and this is the first time I've actually seen someone provide GOOD examples of these advanced CSS selectors which I have never felt I had need of. I now understand their power and will use them -- especially as he indicates there are times when you absolutely CAN NOT add your own ids and classes, or access element selectors, such as in WordPress or other CMS's.BTW, the only difficulty with this course is Rahul's pace -- but I found watching it at 3/4 speed did the trick for me. Cheers Rahul!! Keep it up!
-
CCarlos Vinalay
good course very well explained!
