CSS3使用计数器自动添加数字序号功能

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS计数器</title>
<style type="text/css">
html {
color: #444;
font: 16px/1.6 微软雅黑,"Microsoft YaHei";
}
ul {
list-style: none;
padding-left: 3em;
}
.menu {
counter-reset: chapter;
}
.menu > li {
counter-increment: chapter;
counter-reset: section;
}
.menu > li:before {
content: "第" counter(chapter) "章";
padding-right: .5em;
}
.menu ul > li {
counter-increment: section;
}
.menu ul > li:before {
content: "第" counter(section) "节";
padding-right: .5em;
}
</style>
</head>
<body>
<div>http://www.999jiujiu.com/</div>
<ul class="menu">
<li>ASP.net教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
<li>java教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
</ul>
</body>
</html>

时间: 2024-08-08 23:51:57

CSS3使用计数器自动添加数字序号功能的相关文章

用Emmet写CSS3属性会自动添加前缀

CSS3的很多属性都包含浏览器厂商前缀,用Emmet写CSS3属性会自动添加前缀,比如输入trs 会展开为: -webkit-transition: prop time; -moz-transition: prop time; -ms-transition: prop time; -o-transition: prop time; transition: prop time;

程序员也需要下点成本啊!!IOS input渲染 和android不同,以及自动添加拨打电话功能导致的问题

前几天公众号做完了给领导审查,因为这个公众号是在之前的1.0基础上开发的,所以没有在意兼容性问题[其实是忽略了IOS=.=原谅我的无知] 结果出问题了,有几个问题: 1. input渲染效果和andriod下不同 2. 长串数字会被渲染成电话号码 3.四位小数被渲染成超链接 1.input Android下设置没有圆角.无渐变,文字居中显示,完全没问题啊 到了IOS就变成这个鸟样子了!!这是什么鬼啊?? 原来iPhone上的safari解析input[type="submit"]和in

纯代码实现WordPress评论回复自动添加@评论者的功能

先看看效果: 这个有什么用呢?添加了@功能之后那些用户评论之间的层次关系就很清晰了,我们可以清楚地知道这些评论是谁发给谁的. 其实主要是为了提升逼格. 实现方法: 将下面代码加入function.php中即可 1 2 3 4 5 6 7 8 9 //为你的评论回复添加@功能 function shenjie_com_comment_add_at( $comment_text, $comment = '') {  if( $comment->comment_parent > 0) { /*下面这

CSS3自动添加省略号

text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 不换行,一行显示溢出时,文本自动换行.以前都是js计算的,现在可好. ellipsis:省略号 CSS3自动添加省略号

为Debian/Ubuntu的apt-get install添加自动补齐/完成功能

Debian/Ubuntu的apt-get太常用了,不过偶尔可能也会碰到不太熟悉,想不起来的包的名称,除了去debian packages去查找,另外的方法就是给Debian/Ubuntu添加自动补齐/完成功能.方法如下: 1.安装bash-completion apt-get install bash-completion 2.编辑~/.bashrc 文件 添加如下内容: if [ -f /etc/bash_completion ]; then . /etc/bash_completion f

Provisioning Services 7.8 入门系列教程之八 自动添加设备

续Provisioning Services 7.8 入门系列教程之七 批量导入设备 对于批量导入设备,其最大的缺点是在导入前,必须准确记录所有设备的MAC地址.当然,这种方式也有许多方便之处,如可以将不同的设备添加到不同地站点.不同的集合. 下面介绍第三种方式:通过自动添加向导完成设备的添加 使用自动添加向导 自动添加向导可以自动配置各种规则,以便利用自动添加功能将新的目标设备自动添加到 Provisioning Services 数据库中. 可以在场.站点.集合或设备级别启动自动添加向导.

iphone 浏览器自动解析数字为号码解决方法

iphone 浏览器自动解析数字为号码解决方法 www.MyException.Cn  网友分享于:2015-10-09  浏览:0次 iphone 浏览器自动解析数字为号码解决办法 在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面. 分析: 根据上图展现的方式说明“1234-5678-9999”添加

sharepoint2010人性化的地方--员工离职AD账号禁用(个人网站自动提醒上级经理功能)

sharepoint2010人性化的地方--员工离职AD账号禁用(个人网站自动提醒上级经理功能) 最近有个项目,每个员工都开通了个人网站,但是有些员工离职后禁用AD账号后自动给该员工的个人属性中的“上级经理”指定的经理发一份提醒邮件如下: XXX/Hunk 的“我的网站”已计划在 14 天内删除.作为他们的经理,您现在是其网站的临时所有者.此临时所有权使您可以访问该网站,复制您可能需要的与企业相关的任何信息.若要访问该网站,请使用以下 URL:http://mysite.xxx.com/pers

Oracle自动添加列

Oracle数据库的表格怎样才能想MySQL一样整数主键拥有自动增加功能呢? 前提你得创建一个表 create table tab{ id number not null primary key,--主键 . . . } 然后,得创建一个序列 -- Create sequence create sequence SEQ_tab --- SEQ_tab序列的名称 minvalue 1 --输入最小值 maxvalue 99999999999999999999999 --输入的最大值 start w