Simplify Your CSS Using :is() and :where() Pseudo-Classes

VideoZoran Jambor

A detailed guide to :is() and :where() CSS pseudo-classes.

A detailed guide to :is() and :where() CSS pseudo-classes, explaining exactly how they work, what's the difference between them, and how they can help you simplify your CSS, along with some gotchas you should keep in mind.

Chapters

  • 00:00 How :is() pseudo-class works
  • 02:12 How to simplify selector lists using nested :is() statements
  • 03:02 How specificity works with :is()
  • 05:31 The difference between :is() and :where() pseudo-classes
  • 06:53 Gotchas — :is() and :where() are forgiving07:44 Gotchas - pseudo-elements don’t work with :is() and :where()08:26 Gotchas - :is() was originally named :matches() and :any()
  • 08:44 When to use :is() and :where() pseudo-classes

Demo

CSS Stickers

CSS Stickers

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »
CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »