1. Library
  2. Course
  3. HTML & CSS

Master CSS Attribute Selectors and Psuedo Classes

  • By 

3888 Happy Students

4.6 Average Customer Rating
(from 83 user reviews)

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

Master CSS Attribute Selectors and Psuedo Classes
Play button
  • 24 Videos
  • 1 hours 25 minutes
  • 3888 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
  • 3888 Happy Students

What students say..

This course gives good detailed instructions as to how to use the more advanced selectors.
Todd Edwards
Todd Edwards
Clear, concise, well organized. You will learn some serious stuff in an easy and interesting way. Russ Weakly is a great teacher and I highly recommend all his courses!
Svetlana Krstic
Svetlana Krstic

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
Master CSS Attribute Selectors and Psuedo Classes
Play button
  • 24 Videos
  • 1 hours 25 minutes
  • 3888 Happy Students