Create a gist now

Instantly share code, notes, and snippets.

@mogya /main.css
Last active Aug 29, 2015

What would you like to do?
Re:どうしてwebデザイナーに・・・CSSが書けないのか?
#main li:nth-of-type(3n),
#main li:nth-of-type(5n){
visibility: hidden;
}
#main li:nth-of-type(3n):before,
#main li:nth-of-type(5n):before,
#main li:nth-of-type(15n):before{
visibility: visible;
display: inline;
}
#main li:nth-of-type(3n):before{
content:"Fizz";
}
#main li:nth-of-type(5n):before{
content:"Buzz";
}
#main li:nth-of-type(15n):before{
content:"FizzBuzz";
}
Owner

mogya commented Feb 7, 2014

とりあえず要件を満たすところまでで。
3,5とかよりも、数字を隠してFizzBuzzを表示させるほうがよっぽどたいへんw

Owner

mogya commented Feb 7, 2014

afterじゃなくてbeforeを使うと見た目がよくなりますね。
beforeとafterを組み合わせると15nが不要になるのですが、見た目がアレなのでこっちにしました。

monsat commented Feb 18, 2014

今気づきました。回答ありがとうございますー。これから下記の記事に追記しますね。
http://monsat.hatenablog.com/entry/2014/02/18/css-fizz-buzz-answers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment