0%

test

作用

用来测试各种样式

一级标题

二级标题

1.1二级标题

二级标题

2.1二级标题

三级标题

2.1.1三级标题

三级标题

2.1.2三级标题

四级标题

  1. 四级标题
    五级标题
    (1)五级标题
    六级标题
    1)六级标题

作用

用来测试各种样式

一级标题

二级标题

1.1二级标题

三级标题

1.1.1三级标题

四级标题

  1. 四级标题
    五级标题
    (1)五级标题
    六级标题
    1)六级标题

修改样式

代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
.post-body {
h1 {
counter-reset: h2;
}

h2 {
counter-reset: h3;
}

h3 {
counter-reset: h4;
}

h4 {
counter-reset: h5;
}

h5 {
counter-reset: h6;
}

h2:before {
counter-increment: h2;
content: counter(h2) ' ';
}

h3:before {
counter-increment: h3;
content: counter(h2) '.' counter(h3) ' ';
}

h4:before {
counter-increment: h4;
content: counter(h2) '.' counter(h3) '.' counter(h4) ' ';
}

h5:before {
counter-increment: h5;
content: counter(h5) ". ";
}

h6:before {
counter-increment: h6;
content: " (" counter(h6) ") ";
}
}

.nav {
.nav-item.nav-level-1 {
counter-reset: h2;
}

.nav-item.nav-level-2 {
counter-reset: h3;
}

.nav-item.nav-level-3 {
counter-reset: h4;
}

.nav-item.nav-level-4 {
counter-reset: h5;
}

.nav-item.nav-level-5 {
counter-reset: h6;
}

.nav-item.nav-level-1 ol .nav-item.nav-level-2 a span:before {
counter-increment: h2;
content: counter(h2) ' ';
}

.nav-item.nav-level-2 ol .nav-item.nav-level-3 a span:before {
counter-increment: h3;
content: counter(h2) '.' counter(h3) ' ';
}

.nav-item.nav-level-3 ol .nav-item.nav-level-4 a span:before {
counter-increment: h4;
content: counter(h2) '.' counter(h3) '.' counter(h4) ' ';
}

.nav-item.nav-level-4 ol .nav-item.nav-level-5 a span:before {
counter-increment: h5;
content: counter(h5) ". ";
}

.nav-item.nav-level-5 ol .nav-item.nav-level-6 a span:before {
counter-increment: h6;
content: " (" counter(h6) ") ";
}
}

注意

如果使用的小标题没有对应的大标题会导致乱序