ul(有序列表)可以排序?

最近在看css设计指南,里面有这样一句话,li是一个列表项,它只有在ol (有序列表)和ul(无序列表)这两种列表标签中才有用

有序列表???
莫非可以根据value值排序?
为了验证我的猜想,写了一个demo验证,特此记录一下。

<!DOCTYPE html>
<html><head></head><body><!-- 无序列表 --><p>无序列表</p><ul><li>1</li><li>3</li><li>2</li> </ul><!-- 有序列表 --><p>有序列表</p><ol><li>1</li><li>3</li><li>2</li>   </ol> </body>
</html>

按我的想法应该是ol标签中的内容会按1 2 3的顺序排布,效果与sort函数一样,
但是实际效果如图

ul(有序列表)可以排序?相关推荐

  1. 数据结构学习(列表:五(有序列表的排序算法))

    有序列表 选择排序 选择排序算法将有序列表的分为无序前缀和有序后缀两部分,此外,还要求不大于后缀,如此,只需要从前缀中挑出最大者,并作为最小元素转入后缀中,即可使有序部分的范围不断扩张.这个算法的不变 ...

  2. HTML---文本样式---行高---字符间距---文本对齐方式---文本使用线条修饰---文本的大小写---处理元素内的空白---字体样式---无序列表有序列表---表格

    文章目录 文本样式 color direction line-height letter-spacing text-align text-indent text-decoration text-tra ...

  3. HTML中有序列表(<ol><li>)和无序列表(<ul><li>)以及定义列表的使用,以及利用无序列表制作网购按钮

    文章速览: HTML基础知识的学习+附加常用HTML标签 HTML中有序列表(<ol><li>)和无序列表(<ul><li>)以及定义列表的使用,以及利 ...

  4. 无序列表<ul>和有序列表<ol>

    (1)创建无序列表 <ul> 标签定义无序列表. 将 <ul> 标签与 <li> 标签一起使用,创建无序列表. 注意:我们可以看到无序列表默认在子项前面加了实心小黑 ...

  5. python两个列表合并 从小到大排列_Python对两个有序列表进行合并和排序的例子...

    假设有2个有序列表l1.l2,如何效率比较高的将2个list合并并保持有序状态,这里默认排序是正序. 思路是比较简单的,无非是依次比较l1和l2头部第一个元素,将比较小的放在一个新的列表中,以此类推, ...

  6. python 多个列表合并_Python对两个有序列表进行合并和排序的例子

    Python对两个有序列表进行合并和排序的例子 这篇文章主要介绍了Python对两个有序列表进行合并和排序的例子,最终代码经过不断优化,小编非常满意,需要的朋友可以参考下 假设有2个有序列表l1.l2 ...

  7. 有序列表ol与无序列表ul用法

    有序列表<ol>与无序列表ul用法 其中<li> 标签定义列表项目,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中 ...

  8. 数据结构 (C++)笔记6 (有序列表 排序器)

    有序列表 & 排序器 有序列表 若列表中所有节点的逻辑次序与其大小次序完全一致,则称作有序列表. 唯一化 template <typename T> int List<T&g ...

  9. 9、HTML:有序列表(ol),无序列表(ul),描述列表(dl、dt、dd)详解

    1.什么是列表 什么是列表? 什么是有序列表? 什么是无序列表? 上面写的 3 句话就是一个列表,你懂得... 2.有序列表 有序列表:英文叫做 ordered list,所以标签也是取这个词组的首字 ...

最新文章

  1. 常量和指针(Pointers and Constants)
  2. 比特币诞生十周年:价格虽然成功,但中本聪愿景却未实现
  3. 『设计模式』一张图告诉你UML图怎么画❀
  4. Unity4.6证书激活问题
  5. pythoni手机版下载_Python进度栏和下载
  6. idea 编译 maven 项目
  7. 对List集合中的对象进行按某个属性排序
  8. 前端根据设计图精确开发 (攻具)
  9. Fefora17联想笔记本安装无线网卡
  10. VC++的Unicode编程(经典之作,交流传薪)
  11. 如何修改搜索框中的cancel button的颜色
  12. Net-SNMPv3的使用
  13. 五子棋c语言程序人人对战,C语言 AI智能,五子棋 人机对战,人人对战
  14. EXCEL-解决表格被锁定和分组的冲突
  15. nothing else left on those streets
  16. 也来说是 AngularJS、 Angular 2、Angular 4 的区别
  17. 阿里巴巴大数据竞赛(2014年3月10日到11月)
  18. 一度智信:这些方法,帮你解决网店权重下降问题
  19. 垂直网站之路:金融风暴加速向电子商务转型
  20. 拼多多校招内推编程题1 最大乘积

热门文章

  1. 你知道CMA与CNAS的区别和联系是什么吗?
  2. (用函数解决)Python报数游戏,输入有n个人按顺序编号,从第一个人报数,输入报数k,从1到k,报到k的退出游戏,从下一个人继续游戏,并求最后剩下的人编号是几号。
  3. hihocoder 1041
  4. 【Python】glob.glob()函数解释
  5. 面试题——登录、支付功能测试点总结
  6. linux 进程的作用,ubuntu9.10这些进程有什么作用?
  7. Ubuntu使用git更新本地代码到github
  8. The following packages have unmet dependencies: build-essential : Depends: libc6-dev but it is not
  9. Leetcode 684: 冗余连接 Redundant Connection
  10. Python3安装PyQt5