Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Learn how to define selectors based on an element’s type, ID, class, or any of its attributes and values.
[MUSIC]
0:00
CSS, or Cascading Style Sheets,
are an important part of web design and
0:09
frontend development.
0:13
CSS provides the presentation layer that
can turn unexciting HTML into a beautiful,
0:14
vibrant webpage.
0:20
There are lots of concepts and
techniques to learn to master CSS.
0:21
But to get started as a full
stack JavaScript developer,
0:25
you'll need a basic understanding of CSS
and a deeper knowledge of CSS selectors.
0:28
I'm Guil, a JavaScript and frontend web
development teacher here at Treehouse.
0:33
In this course I'll teach you what you
need to know and understand about CSS
0:37
selectors to begin writing JavaScript
programs that make webpages interactive.
0:40
Having a deep knowledge of CSS
selectors is incredibly for JavaScript
0:45
developers writing code that works with
the DOM, or Document Object Model.
0:50
The DOM is what allows
JavaScript to interact with and
0:54
make changes to elements on a webpage.
0:57
You'll learn a whole lot more
about working with JavaScript and
0:59
the DOM in another course.
1:02
Coming up in this course,
1:04
we'll start by reviewing the common
ways to define a CSS selector.
1:05
For instance, selectors can be defined
based on an element's type, ID,
1:09
class or any of its attributes and values.
1:16
You'll then learn how to use
psuedo-classes to select elements based on
1:20
user interaction and combinators that
target elements based on their position
1:25
and relation to other elements in the DOM.
1:29
And we'll go over CSS selector
strategies and best practices for
1:31
working with JavaScript.
1:35
This course is mostly made up
of text-based steps to let you
1:36
progress at your own pace.
1:39
You're also going to get plenty of
practice opportunities along the way with
1:41
code challenges.
1:44
If you have questions about
anything covered in this course,
1:45
feel free to reach out to the Treehouse
staff or other students in the community.
1:48
Let's get to it.
1:51
You need to sign up for Treehouse in order to download course files.
Sign up