The CSS Working Group Editor’s Draft for Selectors Level 4 includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today! Pseudo-class selectors are the ones that begin with the colon character “:” and match based on a state
![A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/80f50fddf2e94a2408bfc13980b54866209e2f32/height=288;version=1;width=512/https%3A%2F%2Farchive.smashing.media%2Fassets%2F344dbf88-fdf9-42bb-adb4-46f01eedd629%2F17ca589e-3e26-4648-a27c-5228ff0e5852%2Fguide-supported-modern-css-pseudo-class-selectors.jpg)