"JavaScript Loops, Arrays and Objects" was retired on December 18, 2020. You are now viewing the recommended replacement.
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