The Basics of CSS: Selectors

Watch on YouTube (Embed)

Show annotations




Genre: Science & Technology

Family friendly? Yes

Wilson score: 0.9

Rating: 4.8095 / 5

Engagement: 10.9091%

Gardiner Bryant

Subscribe | 65.6K

Shared April 5, 2021

I love CSS. Wrapping my mind around some of its more incricate features requires a good understanding of the basics--and that's what this video is all about. We're going to cover selecting HTML elements by their tag names, by class, and by ID, and introduce the concept of CSS Specificity.

Make sure you hit that SHARE button if you found this video useful!

0:31​ - Overview of our markup
1:22​ - What is CSS?
1:52​ - Linking your CSS file in HTML
3:05​ - Selecting by tag name
3:57​ - Selecting children elements by tag name
6:16​ - Choosing your selectors
6:51​ - IDs and classes
8:51​ - Getting specific
10:40​ - Multiple classes on a single element
12:03​ - Selecting for IDs

12:31​ - Intro to Specificity
14:14​ - Example of specificity

Join this channel to get access to perks:

You can find me on these socials:
* Odysee:$/invite/@TheLinux...
* I am an Odysee partner
* Twitter:
* Mastodon:

Support the Show
* Patreon:
* BTC: 1DckZocn7pA7MDzKSu98UbS4TjocfK633x
* ETH: 0x1C0FDD6d450679359876a077A15DFd0537E8C2D8
* Merch:
* Liberapay:
* Humble:

# Comment Section Rules

1. Be kind to each other.
2. Don't swear, don't use racial slurs (you will be automodded)
3. I reserve the right to permanently ban habitually abusive commenters and I don't apologize. You /won't/ be notified.

If you can't *cope* with having rules, you're welcome to *not* leave a comment.

You can email me at gardiner-at-heavyelement-dot-io

# What are your machines specs?
Office Rig:
* AMD Ryzen 7 1800x
* MSI Pro Series X370 SLI PLUS
* GSkill Ripjaw V DDR4 8GB x4 (32 GB)
* Fractal Design Define R9 Case
* Manjaro GNOME

Living Room Gaming Rig:
* ASUS X99-E-10G WS
* Intel Core i7-6900K @ 3.2GHz
* NVidia Titan X (Pascal)
* DDR4 Corsair Vengeance RGB 8GB x8 (64GB)

Backup Rig
* System76 Thelio Minor
* AMD Ryzen 5 3400G
* Zotac Nvidia GTX 970 4GB

Home Server:
* AMD FX 6300 at 3.5 GHz
* Nvidia GTX 750 1GB
* DDR3 20 GB RAM

Funky Choon (a.k.a. The Linux Gamer Theme Song) by Brothers Nylon

This Work is protected under the Authoral Integrity License (AIL):