如何用 CSS 实现FizzBuzz 游戏的样式效果？

本文共计923个文字，预计阅读时间需要4分钟。

FizzBuzz 是一个很有趣的题目。我们来看看题目：如果遇到 3 的倍数要说 Fizz，5 的倍数要说 Buzz，如果是 3 和 5 的倍数则说 FizzBuzz。如果在一些编程语言中，这是‘FizzBuzz’题目的直接输出。

FizzBu​​zz 是一道很有意思的题目。我们来看看题目：

如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果即是 3 的倍数又是 5 的倍数就说 FizzBuzz。

如果是在一些编程语言中，这是一道比较初级的题目，当然，稍微转换一下，我们就可以把它转换成一道有关 CSS 选择器的题目。

假设我们有如下结构：

<ul> <li></li> <li></li> <li></li> // ... 很多个 li <li></li> <li></li> </ul>

通过 CSS 选择器，实现当 li 的序号为 3 的倍数时，li 输出 Fizz，5 的倍数就说 Buzz，如果即是 3 的倍数又是 5 的倍数就输出 FizzBuzz。当然，如果不满足上述 3 个条件，需要输出当前的序号。