Master CSS Attribute Selectors and Psuedo Classes

4.6 Average Customer Rating

In this course you will gain a detailed knowledge of a range of different selectors

Start Free Trial
  • 24 Videos
  • 1 hours 25 minutes
  • 3887 Happy Students

About the course

Advanced selectors allow you to target different elements in an amazing variety of ways. Over four lessons you will gain a detailed knowledge of a range of different selectors including the :lang pseudo-class, attribute selectors and structural pseudo-classes. With each selector you will learn the correct syntax, how they work and their browser support. Each aspect of the course includes detailed slides and hands on exercises.

This course is taught by Russ Weakley and was tech reviewed by Aurelio De Rosa.

  • 24 Videos
  • 1 hours 25 minutes
  • 3887 Happy Students
Start Free Trial

Your instructor

Russ Weakley


Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.
Russ Weakley
16 Courses

Customer Reviews

  • ()
    5 stars
    4 stars
    3 stars
    2 stars
    1 stars

    Courses Outline

    Lesson 1: Getting Started
    Free
    Course Introduction
    1:46
    Levels of CSS
    3:37
    Lesson 2: Lang Pseudo-Class
    The :lang(c) Pseudo-Class
    6:02
    Lesson 3: Attribute Selectors
    Introduction to Attribute Selectors
    0:22
    The [att] Attribute Selector (CSS2)
    2:28
    The [att=val] Attribute Selector (CSS2)
    3:35
    The [att~=val] Attribute Selector (CSS2)
    3:35
    The [att|=val] Attribute Selector (CSS2)
    3:42
    The [att^=val] Attribute Selector (CSS3)
    3:46
    The [att$=val] Attribute Selector (CSS3)
    2:47
    The [att*=val] Attribute Selector (CSS3)
    2:59
    Lesson 4: Structural Pseudo-classes
    Introduction to Structural Pseudo-classes
    3:37
    The :first-child Pseudo-class (CSS2)
    2:28
    The :last-child Pseudo-class (CSS3)
    1:50
    The :only-child Pseudo-class (CSS3)
    2:09
    The :first-of-type Pseudo-class (CSS3)
    2:00
    The :last-of-type Pseudo-class (CSS3)
    1:54
    The :only-of-type Pseudo-class (CSS3)
    1:52
    The :nth-child(n) Pseudo-class (CSS3)
    7:56
    The :nth-last-child(n) Pseudo-class (CSS3)
    8:02
    The :nth-of-type(n) Pseudo-class (CSS3)
    7:42
    The :nth-last-of-type(n) Pseudo-class (CSS3)
    7:44
    The :root Pseudo-class (CSS3)
    1:34
    The :empty pseudo-class (CSS3)
    2:24
    Start Free Trial
    • 24 Videos
    • 1 hours 25 minutes
    • 3887 Happy Students