无法获取ol以在列表中显示标签

时间:2015-03-05 19:46:17

标签: html css

我的订购列表未在最新的Chrome或IE 11中显示数字。我已尝试使用

<ol type="1">

现在我正在尝试设置我的列表:

<div class="pagesleftcontent">
  <p>yadda yadda yadda</p>
  <ol>
    <li>yadda yadda yadda</li>
  </ol>
</div>

使用CSS:

.pagesleftcontent ol {
    list-style-type: decimal;
}
.pagesleftcontent ol li{
    margin-top:5px; 
    text-align:justify;
    font-size:14px;
}

无济于事。有什么建议吗?

http://www.jjbrookings.com/ManagedCollections/propaganda.shtml#features/203

2 个答案:

答案 0 :(得分:2)

你的css中有这种风格:

.wowbook-page li {
    list-style: outside none none;
}

我认为您应该将此规则更改为.wowbook-page ul.wowbook-page ol,然后您在问题中提到的css代码应该可以解决您的问题。

如果wowbook-page规则覆盖您的样式,则可以添加!important

.pagesleftcontent ol {
    list-style-type: decimal !important;
}

答案 1 :(得分:1)

这很有效。您不必指定type=1。这是默认值:

From MDN

TYPE
Indicates the numbering type:
'a' indicates lowercase letters,
'A' indicates uppercase letters,
'i' indicates lowercase Roman numerals,
'I' indicates uppercase Roman numerals,
and '1' indicates numbers (default).``

&#13;
&#13;
<ol>
  <li>Hi</li>
  <li>Hello</li>
  <li>How are you?</li>
</ol>
&#13;
&#13;
&#13;