CSS-only Shopping Basket with a Fully Dynamic Price Calculator

Last week, we took a look at CSS Counters and how we can use them to count elements on the page and dynamically assign ordinal numbers to them:

1st, 2nd, 3rd, nth … Generating Dynamic Ordinal Numbers with just CSS

To see how far we can push this idea, let’s build a webshop shopping basket where we automatically calculate the price…