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

  • 24 Videos
  • 1 hours 25 minutes
  • 3871 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
  • 3871 Happy Students

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
  • 24 Videos
  • 1 hours 25 minutes
  • 3871 Happy Students