Вложенные списки - как задать стили

hex · May 28, 2009

Основные браузеры определяют уровень вложенности списков ul и ol, автоматически устанавливая тип. Например для маркированного списка верхний уровень по умолчанию отображается как disc, второго уровня - circle и далее браузер устанавливает вид square (является ли это стандартом?). При этом свойство type у списков пустое :rolleyes: .

Вопрос в следующем - как задать стили для списков разного уровня вложенности автоматически, не определяя класс для конкретного элемента?

Была идея при помощи скрипта анализировать значение type, но браузер автоматически не устанавливает его.

LunatiK · May 28, 2009

Вобщем всё это похоже на стихотворение «Вот дом который построил Джек»

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 //EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>  
  <head>  
	<title>Тест
	</title>
	<style type="text/css">
	  <!--
	  Ul li {
		  list-style-type: square;
	  }
	  Ul li Ul li {
		  list-style-type: circle;
	  }
	  Ul li Ul li Ul li {
		  list-style-type: disc;
	  }
	  //-->
	</style>  
  </head>  
  <body>
	<ul>
	  <li>Первый</li>
	  <li>Второй</li>
	  <li>Третий</li>
	  <ul>
		<li>Первый</li>
		<li>Второй</li>
		<li>Третий</li>
		<ul>
		  <li>Первый</li>
		  <li>Второй</li>
		  <li>Третий</li>
		</ul>
		<li>Четвёртый</li>
	  </ul>
	  <li>Четвёртый</li>
	</ul>  
  </body>
</html>

hex · May 28, 2009

Гениально!

А это переносимо?

s0rr0w · May 28, 2009

Гениально!
А это переносимо?

Да, с места на место.

Sign In

Вложенные списки - как задать стили

Question

hex

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

LunatiK

Link to comment

Share on other sites

hex

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information