Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

CSS Selectors Quickstart

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Introduction

1:53 with Guil Hernandez

Learn how to define selectors based on an element’s type, ID, class, or any of its attributes and values.

This video doesn't have any notes.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [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

      You need to sign up for Treehouse in order to set up Workspace

      Sign up