zlacker

[return to "Fizz Buzz in CSS"]
1. Metabo+LA[view] [source] 2025-12-05 23:54:01
>>froobe+(OP)
104 :nth-child(3n){list-style:"Fizz"}:nth-child(5n){list-style:"Buzz"}:nth-child(15n){list-style:"FizzBuzz"}

data:text/html,<style>:nth-child(3n){list-style:"Fizz"}:nth-child(5n){list-style:"Buzz"}:nth-child(15n){list-style:"FizzBuzz"}</style><ol id=o><script>o.innerHTML='<li>'.repeat(99)</script>

◧◩
2. Metabo+pE[view] [source] 2025-12-06 00:23:57
>>Metabo+LA
103 :nth-child(3n){list-style:"Fizz"}:nth-child(5n){list-style:"Buzz"}:nth-child(15n){list-style:"FizzBuzz"
◧◩◪
3. Metabo+yE[view] [source] 2025-12-06 00:24:46
>>Metabo+pE
98 :nth-child(5n){list-style:""}:nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz"
◧◩◪◨
4. Metabo+EG[view] [source] 2025-12-06 00:40:51
>>Metabo+yE
95 :nth-child(5n){list-style:}:nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz
◧◩◪◨⬒
5. Metabo+WG[view] [source] 2025-12-06 00:44:12
>>Metabo+EG
68 :nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz
◧◩◪◨⬒⬓
6. eurlei+WI[view] [source] 2025-12-06 01:06:01
>>Metabo+WG
67 :nth-child(3n){list-style:"Fizz"}:nth-child(5n):after{content:"Buzz
◧◩◪◨⬒⬓⬔
7. Metabo+0X[view] [source] 2025-12-06 03:26:52
>>eurlei+WI
thank you sir! i can improve the html op css was 152, we have the whole page at 144

data:text/html,<ol id=o><script>o.innerHTML='<li>'.repeat(100)</script><style>:nth-child(3n){list-style:"Fizz"}:nth-child(5n):after{content:"Buzz

◧◩◪◨⬒⬓⬔⧯
8. throwa+YY[view] [source] 2025-12-06 03:47:25
>>Metabo+0X
Your code is showing the numbers 5, 10, 20. that's not correct, is it?

Yours prints 1. 2. Fizz 4. 5. Buzz Fizz 7.

But it should be 1. 2. Fizz 4. Buzz Fizz 7.

[go to top]