Списъците са широко използвани за автоматично номериране на съдържание блокове. Въпреки това, когато се използва вложени списъци не могат да получат от вида на номериране параграфи 1.1, 1.2, 1.3, тъй като всеки списък ще бъде независима. Но това, което не може да бъде в SHTML, можете да зададете на стиловете.

Пример 1. Редовна загнездена списък

Резултатът от този пример е показан на фиг. 1. Моля, обърнете внимание, че номерацията на вложени списъци започва наново всеки път.

Фиг. 1. Вид на вложено списък

След това премахнете вградените списъци номерация и да й се създаде нов, но по начина, по който искаме. Вие ще трябва три стила атрибут: борбата с нулиране. насрещно увеличение и съдържание.

контра-нулиране - дефинира променлива, която ще се съхранява брояч стойност;

насрещно нарастване - увеличаване или намаляване брояч стойност от определен брой;

съдържание - извежда брояч стойност, когато брояч аргумент (променлива). Работи в комбинация с псевдо-след или преди.

За списък на първо ниво брояч променлива, наречена List1. и за второто ниво - List2. След започването на метър за списъка е както следва.

В този случай, се разделят на вложените списъка от външни селектори помощ konkontentnye. дизайн OL OL стил се прилага само към маркера

. но само когато се намира във вътрешността на друг таг
.

Увеличението на контра ценности се извършва чрез LI за избор на OL: преди. към който се добавят стилови атрибути на брояч инкрементиране и съдържание. Умение за борба с нарастване на стойността List1 увеличава тази контра от един и съдържание: "." Counter (List1) извежда брояч стойност преди списъкът точка. Тези качества работят по двойки, така че е необходимо да бъдат включени в същото време.

OL LI: преди насрещно нарастване: List1; / * Увеличаване брояч стойност * /
съдържание: брояч (List1); "." / * Output стойността на 1. 2. * /
>
OL OL LI: преди насрещно нарастване: List2; / * Увеличаване брояч стойност * /
съдържание: брояч (List1) "." брояч (List2) "."; / * Показва стойността на типа 2.1, 2.2. * /
>

За вложени списъка прилага отново konkontentnye селектори (OL OL) и едновременно с това се използва изхода на брояч List1 и List2. В този случай, ние получаване на желаното номериране нашия вид.

Крайният код е показано в Пример 2.

Пример 2: вложени списъци autonumber

Резултатът от този пример е показан на фиг. 2.



Фиг. 2. Преглед на списъка с автоматично номериране в браузъра Opera

Горният пример не работи в Internet Explorer до версия 7 включително, тъй като той не поддържа всяка една от следните свойства стил.

Тъй като браузърът Internet Explorer не поддържа много интересни стилови атрибути, особено по обичайния номерация в списъците трябва да бъде пипан него. За да направите това, извадете dastatkova списък стил тип: няма. Но това ще се отрази и на другите браузъри, които работи правилно, така че трябва да използвате хак - така че не е цел на рецепция при различни браузъри дава различен стилистичен код. Например, можете да приложите етикет! Важно. При добавяне! Важно за стойността на атрибута стил на неговото значение нараства. Ако повторно определяне на стойността на един и същ атрибут без! Важно. тя ще бъде игнориран от браузъри. Но не и в Intenet Explorer версия 6 и по-късно.

LI <
списък стил тип: няма важно ;! / * Премахване на номерирането в браузъра Opera, Safari, Fire Фош * /
списък стил тип: десетични; / * Ние си запазваме номера в браузъра Internet Explorer 6 и по-долу * /
>

Смяна тези с селектор kodam линия LI в пример 2 под-списък получи правилна работа във всички браузъри.