今更FizzBuzz問題をやってみた、CSS3で。 - 日々、とんは語る。ほんと今更なんですが、FizzBuzz問題を解いてみたくなったのでやってみました。 FizzBuzz問題をCSS3でやってみた って、CSS じゃないの。 以下、どうでもいい解説 まず、空のリストを100個用意します。ついでにolにfizzbuzzというクラスを名付けておきます。 <ol class="fizzbuzz"> <li></li> <li></li> --- 中略 --- <li></li> <li></li> </ol> あとは、以下の様なCSSだけでおっけーです。 ol.fizzbuzz li { content: counter(count); counter-increment: count; display: inline; line-height: 1.5; } ol.fizzbuzz li:nth-child(3n) { content: "Fizz"; font
