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

Опубликовано: 21 Июнь 2020
на канале: Before Semicolon
1,209
38

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:
   • Playlist  

follow @:
Instagram =   / before_semicolon_  
twitter =   / beforesemicolon  
facebook =   / beforesemicolon  
codepen = https://codepen.io/beforesemicolon

website = http://beforesemicolon.com