使用西里尔字母设置有序列表的样式

Question

有许多可能的值list-style-typeCSS属性(例如decimal,lower-latin,upper-greek等).然而,西里尔字母表没有(对于不同语言,它有不同的变体).

使用西里尔字母为有序列表设置样式的最佳方法是什么？

(尽管我对它不满意,但我提供了一个解决方案.)

Answer 1

在此方法中，我在每个列表项之前使用 CSS 生成的内容。

\n\n

.lower-ukrainian {\n  list-style-type: none;\n}\n\n.lower-ukrainian li:before {\n  display: inline-block;\n  margin-left: -1.5em;\n  margin-right: .55em;\n  text-align: right;\n  width: .95em;\n}\n\n.lower-ukrainian li:first-child:before {\n  content: "\xd0\xb0.";\n}\n\n.lower-ukrainian li:nth-child(2):before {\n  content: "\xd0\xb1.";\n}\n\n/* and so on */\n

\n\n

缺点

\n\n

\n
1. 硬编码，将列表限制为特定的最大长度。
\n
2. 与常规订单列表相比，像素不完美
\n

\n

Answer 2

我什么都不知道西里尔清单计划,让我在一个有点文化尴尬的风险就在这里,但CSS3列出模块(仍处于工作草案)定义了相当多的西里尔字母列表类型:lower-belorussian,lower-bulgarian,lower-macedonian,lower-russian,lower-russian-full,lower-serbo-croatian,lower-ukrainian,lower-ukrainian-full,upper-belorussian,upper-bulgarian,upper-macedonian,upper-russian,upper-russian-full,upper-serbo-croatian,upper-ukrainian,upper-ukrainian-full.正如预期的那样,目前对它们的支持状态是令人遗憾的(当然Gecko或WebKit中没有任何内容),但希望这些将继续实施.

更新:已经进行了一些更改 - 列表类型的定义已移至CSS3计数器样式模块,其当前草案(2015年2月)遗憾地丢失了所有按字母顺序排列的西里尔字母类型.这是在候选推荐阶段,因此不太可能在此时进行添加.也许在CSS4列表样式中？