Quantity Queries for CSS

Posted byBramus! 3 Comments on Quantity Queries for CSS

fig6_firstchild_li

Styling elements based on the “more than one” and “fewer than two” thresholds is a neat trick, but a flexible “quantity query” interface would accept any quantity. That is, I should be able to style “more than or equal to n” for any value of n. Then I can style “more than or equal to 6” in our navigation menu.

Quantity Queries for CSS →

Related: (ab)using CSS3’s :nth-child() selector to invent new ones →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation

3 Comments

  1. Pingback: CSS: Selecting a range of elements | Bram.us
  2. Pingback: Stylus nth-of-m-child(n,m) Selector | Bram.us
  3. Pingback: 9 Underutilized Features in CSS – Bram.us

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.