HTML5里的元素的编号编写
1、多个标题前添加标题号
2、指定编号的样式
3、编号嵌套、重置编号 (counter-reset)
【注】:重置编号要在大编号里设置小编号
4、在字符串的两边嵌套文字符号
quotes:符号的设置
open-quote:开始符号
close-quoto:结尾符号
元素:before(或者after){
content:count(自定义,显示的编号的样式);
}
元素{
count-increment:自定义;
color:编号的颜色;
font-size:编号的大小
}
详细的实例代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>元素编号</title>
<style type="text/css">
h1:before{
content: counter(hajsq,upper-alpha)'.';
}
h1{
counter-increment: hajsq;
counter-reset: hahah;
}
p:before{
content: counter(hajsq)'-'counter(hahah)'.' open-quote ;
}
p:after{
content: close-quote;
}
p{
quotes: "("")";
}
</style>
</head>
<body>
<h1>做好自己</h1>
<p>比什么都好</p>
<p>比什么都好</p>
<p>比什么都好</p>
<p>比什么都好</p>
<h1>做好自己</h1>
<p>比什么都好</p>
<p>比什么都好</p>
<p>比什么都好</p>
<p>比什么都好</p>
</body>
</html>