Quantity Queries – Frontend Masters Blog

Quantity Query Carousel

By Chris Coyier on June 25, 2025

:has() makes quantities queries both easier and more powerful. We can alter how a grid is laid out and where the children go. Or, we can just blast it into a carousel.

:has()CSS Quantity Queries

Quantity Queries are Very Easy with CSS :has()

By Chris Coyier on December 11, 2023

What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has. Example of a Quantity Query Situation Imagine a homepage currently showing 20 articles, more than you normally show. Maybe it’s a slow news day, and the lead […]

$871,946

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.