
While the previous version worked in Epiphany, it didn't in Firefox. This version works in both. And it looks semantically better.
24 lines
473 B
CSS
24 lines
473 B
CSS
body {
|
|
counter-reset: mySectionCounter;
|
|
}
|
|
|
|
h1:before {
|
|
counter-increment: mySectionCounter;
|
|
content: 'ARTICLE ' counter(mySectionCounter, upper-roman) ' - ';
|
|
}
|
|
|
|
h1 {
|
|
counter-reset: mySubSectionCounter;
|
|
}
|
|
|
|
h1:after {
|
|
}
|
|
|
|
h2:before {
|
|
counter-increment: mySubSectionCounter;
|
|
content: 'Section ' counter(mySectionCounter, decimal) '.' counter(mySubSectionCounter, decimal) ': ';
|
|
}
|
|
|
|
h2 {
|
|
}
|
|
|