Master CSS Attribute Selectors and Psuedo Classes

4.6 Average Customer Rating

  • Published Date August 2014
  • 24 Videos
  • 1 hours 25 minutes
  • 3428 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.

  • Published Date August 2014
  • 24 Videos
  • 1 hours 25 minutes
  • 3428 Happy Students

Courses Outline

Lesson 1: Getting Started
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
  • Published Date August 2014
  • 24 Videos
  • 1 hours 25 minutes
  • 3428 Happy Students