CSS使短语复数

Question

是否可以使用CSS将短语转换为复数,基于元素中的数字？

我猜这打破了演示/数据分离边界的理念,但只是想知道它是否可行.使用JavaScript很容易,但想知道CSS是否可以处理它.

<span class="plural">0 book</span>

输出:0本书

<span class="plural">1 book</span>

输出:1本书

<span class="plural">2 book</span>

输出:2本书

Answer 1

第 CSS无法读取,以确定它是什么号元素的内容,和CSS不具备if的条件.

如果您只申请.plural应定期复数的项目,您可以:

.plural:after {content: "s"}

但后来我们遇到了英语不规则的问题,并不是所有的复数都保证以"s"结尾.