Question

努力实现这一目标......

<ol start="5">

......但是在HAML中。

这不起作用：

%ol{:start => "5"}

有什么建议吗？

///更新以下 - 2017年2月14日添加///

经过一番挖掘后，我发现之前的开发人员已将此添加到CSS中：

ol>li {
  margin:0;
  padding:0 0 0 2rem;
  text-indent: -2rem;
  list-style-type:none;
  counter-increment:item;
}

ol>li:before {
  display:inline-block;
  width: 1.5rem;
  padding-right: 0.5rem;
  font-weight:bold;
  font-size: 2.4rem;
  text-align:right;
  content:counter(item) ".";
}

这基本上做的是删除＆＃34;正常＆＃34;列出项目计数器并用更大的粗体字替换它们。这是原始用户体验设计师的风格选择。

但是，我还不确定如何开始＆＃34; counter(item)（如果那确实是我应该做的）。

谢谢！

Answer 1

<啊>啊哈 - 这是另一个故事！

list-style-type:none;关闭列表中的默认HTML列表样式。这意味着您的start属性根本不会执行任何操作。

现在，您之前的开发人员正在使用花哨的CSS来处理列表计数器。阅读更多about counters。 content:counter(item) ".";打印每个项目的计数器。此代码中的item只是计数器的名称。您可能希望在同一页面上有多个计数器。它将 - 自然地 - 从1开始。您需要做的是重置计数器：

ol {
    counter-reset: item 5;
}

它应该从5而不是1开始。

在HAML中启动有序列表

1 个答案: