---
title: "Script för numrering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/137220-script-för-numrering"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "echoSwe"
published: "2005-11-08T21:23:05.000Z"
updated: "2005-11-08T22:32:34.000Z"
replies: 1
views: 224
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/137220-script-för-numrering"
---

# Script för numrering

## #1 — echoSwe, 2005-11-08T21:23Z

Hej

Är det någon som har ett skript som imiterar det här CSS2.1 beteendet?

```
ol {
	list-style: none;
	counter-reset: chapter;
}
ol li:before {
	content: counter(chapter) " ";
	counter-increment: chapter;
}
ol li ol {
	counter-reset: subchapter;
}
ol li ol li:before {
	content: counter(chapter) "." counter(subchapter) " ";
	counter-increment: subchapter;
}
ol li ol li ol
{
	counter-reset: subsubchapter;
}
ol li ol li ol li:before {
	content: counter(chapter) "." counter(subchapter) "." counter(subsubchapter)" ";
	counter-increment: subsubchapter;
}
```

Ref: <http://www.htmlref.com/reference/appb/css_counter.htm>

Exempel
1 Hej
\-1.1 hej2
\-1.2 hej4q34
\-1.3 osv...
\--1.3.1 jaaa
\--1.3.2 japp
2 ny rubrik
\-2.1 underrubrik
\-2.2 osv...
\--2.2.1 asdf
\-2.3 adfaaa

Den enda webbläsaren som stödjer den här biten av CSS2 som jag vet är Opera.

Permalänk: https://www.webforum.nu/p/137220

## #2 — zcorpan, 2005-11-08T22:32Z

Det går att göra det lite lättare:

```
ol { list-style:none; counter-reset:i; }
ol > li::before { content:counters(i, ".") " "; counter-increment:i; }
```

Firefox 1.5 och Safari har också stöd för CSS counters. :)

Nu svarade jag inte på din fråga dock. :OO

Permalänk: https://www.webforum.nu/p/1704042

---

Tråden på webben: https://www.webforum.nu/amne/javascript/137220-script-för-numrering