css - 列表样式类型 : lower-alpha without "k", "w"和 "y"

标签 css

我正在将葡萄牙语纯文本转换为结构化文本 (html),以便在网站上展示它,但我发现了一个特殊问题。

在某些时候,文本具有以下形式的元素符号列表:

<p>a) (.*)</p>
<p>b) (.*)</p>
...
<p>j) (.*)</p>
<p>l) (.*)</p>

我的结构是

<ul>
    <li>\1<\li>
    <li>\1</li>
    ...
    <li>\1</li>
</ul>

将它们呈现为原始文本非常重要,我在列表中使用 list-style-type: lower-alpha 来实现这一点。

但是,当我这样做时,元素变成了 a., ..., j., k.(而不是 l.)。 IE。它们在英文字母表中,其中有字母 k。

我在 W3C specs on lists 中搜索过它, 但它似乎留下了歧义:

lower-latin or lower-alpha: Lower case ascii letters (a, b, c, ... z).

我的问题是:有什么办法可以解决这个问题吗?我现在的做法是使用

<li>a) \1<\li>

使用 list-style-type: none,但其他解决方案会非常有帮助。

最佳答案

恕我直言,您有两个选择:使用定义列表,您可以在其中定义自己的前缀,或者像我建议添加一个空的 <li />样式为 display:none 的标签.

这里是定义列表的例子:

<dl>
  <dt>a)</dt>
  <dd>some text</dd>
</dl>

关于css - 列表样式类型 : lower-alpha without "k", "w"和 "y",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23320957/

相关文章:

google-maps - Canvas 上的 Google map 边框

css - 媒体查询在断点附近表现异常

css - 在 HTML5 中可以使用类似于 photoshop 的混合模式吗?

internet-explorer - IE8 : making the `nth-child` selector work inside media queries?

javascript - 分屏滚动网站无法正常工作

css - 导航栏和 3 列,内部带有 Bootstrap 4 的可滚动内容

css - 如何将背景图片放在前面?

jquery - 每个部分全屏宽度的响应式水平网站

Jquery,获取样式: background (not background-color),边框等,无法弄清楚如何做到这一点

php - jquery 翻转在 IE 中不起作用