CSS Selectors - beyond the very basics

Kevin Powell โ€ข January 3, 2023
Video Thumbnail

About

No channel description available.

Video Description

Early on, we learn about element, class, and ID selectors, but there are so many others, so in this video Iโ€™m taking a look at the ones just beyond those basics ones, with a dive into descendant selectors, a few pseudo-classes and pseudo-elements, and a few other useful selectors ๐Ÿ™‚ ๐Ÿ”— Links โœ… The 6 most important CSS concepts for beginners: https://youtu.be/JnTPd9G6hoY โœ… The basic CSS selectors: https://youtu.be/Oh0TplG4nYw โœ… ::before and ::after deep dive: https://youtu.be/zGiirUiWslI โŒš Timestamps 00:00 - Introduction 00:55 - The descendant selector and direct child combinator 06:55 - :hover and :focus 08:00 - :first-child 09:31 - :nth-child and :nth-of-type 10:40 - :not() 12:22 - ::before and ::after 12:52 - ::selection 14:12 - ::marker 16:03 - attribute selectors #css -- Come hang out with other dev's in my Discord Community ๐Ÿ’ฌ https://discord.gg/nTYCvrK Keep up to date with everything I'm up to โœ‰ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! ๐Ÿ“บ https://www.twitch.tv/kevinpowellcss --- Help support my channel ๐Ÿ‘จโ€๐ŸŽ“ Get a course: https://www.kevinpowell.co/courses ๐Ÿ‘• Buy a shirt: https://teespring.com/stores/making-the-internet-awesome ๐Ÿ’– Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Upgrade Your Daily Carry

AI-recommended products based on this video

Loading...
Amazon Essentials Mens Long-Sleeve Flannel Shirt

Amazon Essentials Mens Long-Sleeve Flannel Shirt

(42,793)
$26.30
FREE delivery Sun, Aug 10 on your first order
Loading...
Asus Vivobook Go 15 Laptop, 15.6โ€ FHD Display, Ryzen 3 7320U, 8GB, 512GB, Fingerprint, Mixed Black, E1504FA-DS31-CA

Asus Vivobook Go 15 Laptop, 15.6โ€ FHD Display, Ryzen 3 7320U, 8GB, 512GB, Fingerprint, Mixed Black, E1504FA-DS31-CA

(1)
$429.00
FREE delivery Fri, Jan 9
Loading...
Asus Vivobook Go 15 Laptop, 15.6โ€ FHD Display, Intelยฎ Coreโ„ข i3-N305 Processor, 4GB RAM, 128GB UFS, Windows 11 Home in S Mode, E1504GA-AS32-CA

Asus Vivobook Go 15 Laptop, 15.6โ€ FHD Display, Intelยฎ Coreโ„ข i3-N305 Processor, 4GB RAM, 128GB UFS, Windows 11 Home in S Mode, E1504GA-AS32-CA

(77)
$399.00$397.70
FREE delivery Sun, Jun 22
Loading...
tomtoc 360 Protective Laptop Sleeve for 15.6 Inch Acer Aspire 1/3/5 15 Slim Laptop, 15.6-16 Inch ASUS Strix G16/G15, HP Pavilion 15, Lenovo Ideapad 3 Laptop, 15.6 Inch Dell Samsung Notebook Ultrabook

tomtoc 360 Protective Laptop Sleeve for 15.6 Inch Acer Aspire 1/3/5 15 Slim Laptop, 15.6-16 Inch ASUS Strix G16/G15, HP Pavilion 15, Lenovo Ideapad 3 Laptop, 15.6 Inch Dell Samsung Notebook Ultrabook

(3,132)
$37.59
FREE delivery Sat, Jun 21
Loading...
tomtoc 360ยฐ Protective Laptop Sleeve for 15-inch MacBook Air M4/A3241 2025, M3/A3114 2024, M2/A2941 2023, 15-inch MacBook Pro A1990 A1707, Dell XPS 15 Plus Laptop, Water-Resistant Computer Case Bag Global Recycled Standard

tomtoc 360ยฐ Protective Laptop Sleeve for 15-inch MacBook Air M4/A3241 2025, M3/A3114 2024, M2/A2941 2023, 15-inch MacBook Pro A1990 A1707, Dell XPS 15 Plus Laptop, Water-Resistant Computer Case Bag Global Recycled Standard

(12,968)
$39.55
FREE delivery Tue, Jun 17
Loading...
Apple AirTag 4 Pack

Apple AirTag 4 Pack

(333,593)
$108.98
FREE delivery Sat, Sep 20
5K+ bought in past month
Loading...
Apple AirTag 1 Pack
Best Seller

Apple AirTag 1 Pack

(193,955)
$31.98$29.10
FREE delivery Sat, Jun 14 on your first order
5K+ bought in past month
Loading...
Citymore 4 Pack IPX8 Waterproof for AirTag Keychain๏ผŒwith Soft Silicone AirTags Holder Case Key Ring, Compatible with Apple AirTag for Luggage,Keys, Dog Collar etc

Citymore 4 Pack IPX8 Waterproof for AirTag Keychain๏ผŒwith Soft Silicone AirTags Holder Case Key Ring, Compatible with Apple AirTag for Luggage,Keys, Dog Collar etc

(2,559)
$11.96
FREE delivery Sat, Sep 20 on your first order
3K+ bought in past month
Loading...
HATALKIN Case Compatible with Apple AirTags Case Keychain Air tag Holder Air Tag Key Ring Cases Air Tags Protective Cover Airtag Key Chain Loop Holders Silicone for Luggage Dog Cat Pet Collar 4 Pack

HATALKIN Case Compatible with Apple AirTags Case Keychain Air tag Holder Air Tag Key Ring Cases Air Tags Protective Cover Airtag Key Chain Loop Holders Silicone for Luggage Dog Cat Pet Collar 4 Pack

(19,279)
$9.78
FREE delivery Mon, Aug 25 on your first order
1K+ bought in past month