1 svar · 222 visningar · startad av echoSwe
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.
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