CSS练习题：<ol>中的<li>元素重新调序显示
相关网页显示结果示意如下：
XXXXXXX（标题）
1.AAAAAAA
2.BBBBBBB
3.CCCCCCC
XXXXXXX（另一段内容的标题）
列表部分简单的HTML代码是：
<ol>
<li>AAAAAAA</li>
<li>BBBBBBB</li>
<li>CCCCCCC</li>
</ol>
现在题目要求只是对这三项内容做CSS设计，使得最后显示结果是：
3.AAAAAAA
2.BBBBBBB
1.CCCCCCC
而且要求，只能用CSS实现，HTML中最多只能改变<li>元素内容的顺序，也可以加ID，修改<li>的value就不行了（比如：
<ol>
<li>CCCCCCC</li>
<li>BBBBBBB</li>
<li>AAAAAAA</li>
</ol>）
按老师说法是个“比较简单但是很有欺骗性的题目，更多是让学生适应CSS编写的思维方式”。小弟刚学CSS有点没办法，脑子里想的老是排序啊一类的东西用不上，查了下教材和W3Cschool也没看到解决办法，求具体的CSS设计方法答案：看到这个题目有了兴趣就测试了下，可惜用我以下的样式不支持IE6、IE7，其他浏览器支持；不过题目是死得，工作中不存在这种问题了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
body{font-size:16px;}
.li1{float:left;padding-top:60px;}
.li2{float:left;padding-top:30px;margin-left:-55px;}
.li3{float:left;margin-left:-55px;}
</style>
</head>
<body>
<ol>
<li class="li1">CCCCCCC</li>
<li class="li2">BBBBBBB</li>
<li class="li3">AAAAAAA</li>
</ol>
</body>
</html>上一个：CSS TBODY的一些疑问
下一个：DIV+CSS可以视图排版吗
