Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed CSS Selectors!
You have completed CSS Selectors!
Preview
Get a quick overview of the CSS Selectors course.
Related Courses
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[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
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up