This should also work: div:nth-child(3n):after { content: ""; } div:nth-child(3n... | Hacker News

Hacker Newsnew | past | comments | ask | show | jobs | submit

jontro on May 7, 2012 | parent | context | favorite | on: Solving FizzBuzz with CSS

This should also work:

div:nth-child(3n):after { content: ""; }

div:nth-child(3n):before { content: "fizz"; }

div:nth-child(5n):after { content: "buzz"; }

danab on May 7, 2012 | [–]

I retract my answer in favor of this. Clever.

Sivart13 on May 7, 2012 | | [–]

I think your answer is a lot more readable, though. I have to squint at jontro's version for a while before determining that it'll actually product the string "fizzbuzz".

Flam on May 8, 2012 | [–]

Brilliant.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact