7 ms·
95 :nth-child(5n){list-style:}:nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz
by Metaboat 10mo ago
95 :nth-child(5n){list-style:}:nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz
- Metaboat 10mo ago68 :nth-child(3n){list-style:"Fizz"}:nth-child(5n)::after{content:"Buzz
- eurleif 10mo ago67 :nth-child(3n){list-style:"Fizz"}:nth-child(5n):after{content:"Buzz
- Metaboat 10mo agothank 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
- throwaway150 10mo agoYour 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.
- bulmenisaurus 10mo agoThis version fails for numbers like 5, showing "5. Buzz". In the case of a number divisible by 5 but not 3 nothing prevents the 5 in the ::marker from rendering. Edit: it looks like your version can be fixed into a working 85: :nth-child(5n){list-style:'';&:after{content:"Buzz"}}:nth-child(3n){list-style:"Fizz"