<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Комментарии: Автоматическая нумерация с помощью CSS counter</title>
	<atom:link href="http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/</link>
	<description>Веб дизайн, CSS, SEO, юзабилити. Уроки веб-мастерства</description>
	<lastBuildDate>Fri, 10 Feb 2012 22:27:52 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Автор: MegaWEB</title>
		<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/comment-page-1/#comment-15455</link>
		<dc:creator>MegaWEB</dc:creator>
		<pubDate>Fri, 17 Sep 2010 18:40:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.getincss.ru/?p=633#comment-15455</guid>
		<description>Доброго времени суток.

А вот хочу сделать вложенные счетчики с возможностью продолжения нумерации.
Например надо получить список вида:
1. Системный блок
   1. Мат. плата
   2. Процессор
   3. Память
2. Аксесуары
   4. Клавиатура
   5. Джойстик
   6. Мышь

Делаю вот такой код:

.master-list,
.master-next,
.slave-list,
.slave-next {
  list-style-type: none;
  margin: 0;
  padding: 0 }
.slave-list,
.slave-next { margin-left: 2ex }
.master-list { counter-reset: master }
.slave-list { counter-reset: slave }
.master-list &gt; li:before,
.master-next &gt; li:before { content: counter(master) &#039;. &#039;;
  counter-increment: master }
.slave-list &gt; li:before,
.slave-next &gt; li:before {
  content: counter(slave) &#039;. &#039;;
  counter-increment: slave }




  Системный блок
    
      Мат. плата
      Процессор
      Память
    
  
  Аксесуары
    
      Клавиатура
      Джойстик
      Мышь
    
  



И что в итоге получаю:
1. Системный блок
   1. Мат. плата
   2. Процессор
   3. Память
2. Аксесуары
   1. Клавиатура
   1. Джойстик
   1. Мышь</description>
		<content:encoded><![CDATA[<p>Доброго времени суток.</p>
<p>А вот хочу сделать вложенные счетчики с возможностью продолжения нумерации.<br />
Например надо получить список вида:<br />
1. Системный блок<br />
   1. Мат. плата<br />
   2. Процессор<br />
   3. Память<br />
2. Аксесуары<br />
   4. Клавиатура<br />
   5. Джойстик<br />
   6. Мышь</p>
<p>Делаю вот такой код:</p>
<p>.master-list,<br />
.master-next,<br />
.slave-list,<br />
.slave-next {<br />
  list-style-type: none;<br />
  margin: 0;<br />
  padding: 0 }<br />
.slave-list,<br />
.slave-next { margin-left: 2ex }<br />
.master-list { counter-reset: master }<br />
.slave-list { counter-reset: slave }<br />
.master-list &gt; li:before,<br />
.master-next &gt; li:before { content: counter(master) &#8216;. &#8216;;<br />
  counter-increment: master }<br />
.slave-list &gt; li:before,<br />
.slave-next &gt; li:before {<br />
  content: counter(slave) &#8216;. &#8216;;<br />
  counter-increment: slave }</p>
<p>  Системный блок</p>
<p>      Мат. плата<br />
      Процессор<br />
      Память</p>
<p>  Аксесуары</p>
<p>      Клавиатура<br />
      Джойстик<br />
      Мышь</p>
<p>И что в итоге получаю:<br />
1. Системный блок<br />
   1. Мат. плата<br />
   2. Процессор<br />
   3. Память<br />
2. Аксесуары<br />
   1. Клавиатура<br />
   1. Джойстик<br />
   1. Мышь</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: дима</title>
		<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/comment-page-1/#comment-15436</link>
		<dc:creator>дима</dc:creator>
		<pubDate>Tue, 14 Sep 2010 09:49:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.getincss.ru/?p=633#comment-15436</guid>
		<description>парни кому нужен ахирительный серв для css и не дорого или троян взломает всё и непалиться антивирусникам скайп artem161rus</description>
		<content:encoded><![CDATA[<p>парни кому нужен ахирительный серв для css и не дорого или троян взломает всё и непалиться антивирусникам скайп artem161rus</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Интересное для веб-мастеров (13.12.2008) &#187; Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания с</title>
		<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/comment-page-1/#comment-7745</link>
		<dc:creator>Интересное для веб-мастеров (13.12.2008) &#187; Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания с</dc:creator>
		<pubDate>Sat, 13 Dec 2008 11:33:14 +0000</pubDate>
		<guid isPermaLink="false">http://www.getincss.ru/?p=633#comment-7745</guid>
		<description>[...] Автоматическая нумерация с помощью CSS counter Очень часто в различных документах нам приходиться использовать нумерацию, например, для оформления оглавления. Нумеровать можно и вручную, но такой способ доставит немало хлопот, если понадобиться удалить или добавить новый пункт. В CSS2.1 существует способ, который позволяет автоматизировать этот процесс - это использование CSS counters. Стоит уточнить, что CSS counters не поддерживаются браузером IE, однако в 8й версии это обещают исправить&#8230; [...]</description>
		<content:encoded><![CDATA[<p>[...] Автоматическая нумерация с помощью CSS counter Очень часто в различных документах нам приходиться использовать нумерацию, например, для оформления оглавления. Нумеровать можно и вручную, но такой способ доставит немало хлопот, если понадобиться удалить или добавить новый пункт. В CSS2.1 существует способ, который позволяет автоматизировать этот процесс &#8211; это использование CSS counters. Стоит уточнить, что CSS counters не поддерживаются браузером IE, однако в 8й версии это обещают исправить&#8230; [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Alexpts</title>
		<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/comment-page-1/#comment-4836</link>
		<dc:creator>Alexpts</dc:creator>
		<pubDate>Wed, 26 Nov 2008 17:04:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.getincss.ru/?p=633#comment-4836</guid>
		<description>Не знал, интересная статья. Про Css вообще много интересного не знаю увы...</description>
		<content:encoded><![CDATA[<p>Не знал, интересная статья. Про Css вообще много интересного не знаю увы&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Каждый день, что-то новое &#124; WmDom.Com - электронные финансы</title>
		<link>http://www.getincss.ru/2008/10/28/avtomaticheskaya-numeraciya-s-pomoshhyu-css-counter/comment-page-1/#comment-4796</link>
		<dc:creator>Каждый день, что-то новое &#124; WmDom.Com - электронные финансы</dc:creator>
		<pubDate>Wed, 26 Nov 2008 12:44:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.getincss.ru/?p=633#comment-4796</guid>
		<description>[...] вы найдете все, что вас интересует, и профессиональные статьи для вебмастеров из которых вы для себя выделите интересные факты.    В [...]</description>
		<content:encoded><![CDATA[<p>[...] вы найдете все, что вас интересует, и профессиональные статьи для вебмастеров из которых вы для себя выделите интересные факты.    В [...]</p>
]]></content:encoded>
	</item>
</channel>
</rss>

