css - 反转 Wordpress 列表中的数字

标签 css wordpress

<分区>

我想以相反的顺序制作编号列表,例如 10,9,8,7 但是当我手动尝试时,它会在格式方面造成问题。

<ol start="10">
<li><strong> Asiate – New York City</strong></li>

是否有我可以在 wordpress 主题的自定义 css 中使用的任何插件或代码片段,以便我可以在新帖子中获得正确编号的框或 block ,因为您可以了解其背后的全部内容,这是网站 http://toptenzilla.com 如果有任何 wordpress 专家,请帮助我。

最佳答案

HTML5 <ol>带有属性 reversed 你可以添加。您不需要添加任何花哨的东西。

<ol start="10" reversed>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
</ol>

不幸的是 browser support , IE 和 Opera 不支持这个:(...

对于跨浏览器更友好的解决方案,您必须手动设置值

<ol>
  <li value="10">Point</li>
  <li value="9">Point</li>
  <li value="8">Point</li>
  <li value="7">Point</li>
  <li value="6">Point</li>
  <li value="5">Point</li>
  <li value="4">Point</li>
  <li value="3">Point</li>
  <li value="2">Point</li>
  <li value="1">Point</li>
</ol>

关于css - 反转 Wordpress 列表中的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29467748/

上一篇:javascript - 时间轴 JScript 在 IExplorer 中不起作用

下一篇:javascript - 确定元素的位置并触发滚动

相关文章:

php - 如何使wp_editor以可视模式启动

php - admin_init 没有被触发

php - ZendExtensionManager.so : cannot open shared object file

javascript - 如何定位在 php 中没有任何 ID 或标记的 <span> 元素的 innerHTML?

html - 使用类将样式应用于 div 中的元素

jquery - 定制 Smooth 产品,作者:Kevin Thornbloom

html - 从特定 DIV 中删除所有 CSS

javascript - 如何使用追加和删除来更改 html 表单?

CSS 显示 : inline-block does not accept margin-top?

html - 我的@media 查询在移动设备上不起作用