«   Previous tip Next tip   »

VS Code: Learn about CSS selector specificity

Last updated: 4th April 2023

Introduction

In VS Code, there is a tooltip that shows you the CSS selector specificity which is helpful for learning, and debugging your CSS.

To try this out

  1. Open a CSS file in VS Code.
  2. Hover over a CSS selector and observe the specifity tooltip.

More

There are also online specificity calculators such as: https://specificity.keegan.st/

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week