- Course Overview 1:49
- Attribute Selectors 8:44
- Styling Form Buttons and Links with Attribute Selectors 3:34
- Attribute Selectors Challenge 3 objectives
- DRY CSS 10:51
- Child, Adjacent, and General Sibling Combinators 9:03
- Combinators Challenge 2 objectives
- Attribute Selectors and Combinators Review 5 questions
Preview
Video Player
00:00
00:00
Course Overview
1:49Get a quick overview of the CSS Selectors course.
[MUSIC]
0:00
Hi, everyone.
0:04
I'm Guil.
0:05
In this course, we're gonna go beyond the
basic selector concepts,
0:06
covered in CSS Basics.
0:09
Back in CSS Basics, we learned base
selectors like type, ID, class, and
0:11
descendant selectors.
0:16
Now, we're gonna tap into a whole new
batch of selectors, selectors that will
0:17
open up a world of flexibility, for us
designers and developers.
0:21
So, we know that selectors are the most
important and powerful part of CSS,
0:25
because they are what allows us to target
HTML elements, and apply style to them.
0:30
But besides the common ways we learn to
target elements with type, ID, and
0:34
class selectors, we're also able to zero
in, and
0:39
target elements, based on specific HTML
attributes,
0:41
their position in the HTML document, even
their relation to other elements and more.
0:45
So, coming up in this course, we'll expand
on those core concepts,
0:50
by learning all about attribute selectors,
child selectors, selector combinators, and
0:54
lots of new helpful pseudo-classes.
0:58
We'll also see how more advanced
selectors,
1:01
can use simple expressions, to target a
combination of elements.
1:03
We'll even use special selectors called
pseudo-elements,
1:07
to insert virtual elements and content,
into our page, from our CSS.
1:10
By the end of this course, you'll have
gained a better understanding of
1:15
the power and flexibility, behind CSS
selectors, and
1:18
you'll have a few more handy tools in your
CSS tool kit, to work with.
1:22
Again, don't worry about memorizing every
selector we're about to cover.
1:25
But as I've mentioned before, to be the
best and most well-rounded designer and
1:29
developer we can be, it's best to know all
our options, and
1:33
understand all the selectors available to
us.
1:36
So, make sure you also take a look at the
teacher's notes for each video.
1:39
Because they'll provide extra information,
and resources, about each selector.
1:42
So, are you ready?
1:47
Let's get to it.
1:48