Solving FizzBuzz with CSS

Re:Solving FizzBuzz with CSS by jontro on Monday May 07, 2012 @12:35PM (#3939715)

This should also work:

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

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

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

[ Parent | on HN ]

Re:Solving FizzBuzz with CSS by danab on Monday May 07, 2012 @12:41PM (#3939751)

I retract my answer in favor of this. Clever.

[ Parent | on HN ]

Re:Solving FizzBuzz with CSS by Sivart13 on Monday May 07, 2012 @04:33PM (#3940845)

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".

[ Parent | on HN ]

Re:Solving FizzBuzz with CSS by Flam on Monday May 07, 2012 @10:41PM (#3941975)

Brilliant.

[ Parent | on HN ]