SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Make Your CSS Dynamic with Pseudo-classes and Psuedo-elements
Make Your CSS Dynamic with Pseudo-classes and Psuedo-elements

Make Your CSS Dynamic with Pseudo-classes and Psuedo-elements

Take your CSS selector skills to a deeper level


Course details

4.4∙72 Ratings19 reviews

Published
October 2014
Videos
19
Duration
1h 14m
Happy students
3339

Take this course

About the course

This course will teach you a range of advanced CSS3 selectors. Over three lessons you will gain a detailed knowledge of a range of different selectors including the User-interface pseudo-classes, Pseudo-elements and the negation pseudo-class. 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.

Course Instructor

Russ Weakley

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.

Course Outline

Lesson 1: User-interface pseudo-classes
  • Free
    :disabled CSS3
    1:54
  • Locked
    :enabled CSS3
    1:52
  • Locked
    :checked CSS3
    2:21
  • Locked
    :indeterminate CSS3
    4:42
  • Locked
    :default CSS3
    9:50
  • Locked
    :required CSS3
    1:38
  • Locked
    :optional CSS3
    1:50
  • Locked
    :valid CSS3
    2:44
  • Locked
    :invalid CSS3
    2:44
  • Locked
    :in-range CSS3
    4:30
  • Locked
    :out-of-range CSS3
    2:45
  • Locked
    :read-only CSS3
    2:22
  • Locked
    :read-write CSS3
    2:10
  • Locked
    :target CSS3
    2:50
Lesson 2: Pseudo-elements
Lesson 3: Negation pseudo-class

Reviews
4.4

69 total

37
27
4
1
0

Course details

4.4∙72 Ratings19 reviews

Published
October 2014
Videos
19
Duration
1h 14m
Happy students
3339

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy