CSS Selectors - id, class, attributes, combinators, pseudo class, pseudo element and more

Learn all about css selectors and every single one supported as June of 2020. How to use attribute, before and after pseudo element, nth-child, nth-of-type, id, class, form pseudo classes selectors and many more. Full walkthrough.

timeline:
0:20 - How Selectors work
0:28 - simplest selector
1:03 - id, class, global selectors
2:16 - attribute selectors
2:32 - wild cards for attribute selectors
3:17 - selector combinators
4:29 - pseudo selectors
4:50 - pseudo element selectors
5:02 - before and after pseudo element selectors
6:12 - other pseudo elements
6:51 - custom elements pseudo element selectors
7:15 - pseudo class selectors
8:57 - child pseudo class selectors
9:24 - *-of-type pseudo class selectors
9:59 - An+B rule for nth-* selectors
11:09 - form pseudo class selectors
11:59 - custom element pseudo class selectors
12:28 - other pseudo class elements
12:56 - :not pseudo class


playlist:

follow @:

[samvibes]

Thanks I really needed this, simple and brif keep posting this

[navidjalilian]

Dude you are great pls continue your channel

[pedzsan]

I had questions about how to style web components that you covered. Nice table of contents too!

[MD-dwee]

great video simple and brief keep posting