AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Пример универсального стиля Zебра. Для всех дочерних элементов первого уровня делает фон полосатый, т.е. для первого – белый, для второго – серый, для третьего – белый, для четвертого – серый и т.д.

Пример с DIV-ами

1. Это первый div

Это первый вложенный абзац

Это первый вложенный div

Это второй вложенный div

2. Это второй div

3. Это третий div

4. Это четвертый div

5. Это пятый абзац

6. Это шестой абзац

Пример с таблицей

Это перавя строка таблицы
Это вторая строка таблицы
Это третья строка таблицы
Это четвертая строка таблицы
Исходный код этого примера:

<style type="text/css">
	.polosatik > *:nth-child(even),
	.polosatik tr:nth-child(even) 
	{background: #ccc;}
</style>

<p>Пример универсального стиля Zебра. Для всех дочерних элементов первого уровня делает фон полосатый,
    т.е. для первого – белый, для второго – серый, для третьего – белый, для четвертого – серый и т.д.</p>
<h4>Пример с DIV-ами</h4>
<div class="polosatik" style="width:500px;">
	<div>
		<p>1. Это первый div</p>
		<p>Это первый вложенный абзац</p>
		<div>
			<p>Это первый вложенный div</p>
		</div>
		<div>
			<p>Это второй вложенный div</p>
		</div>
	</div>
	<div>
		<p>2. Это второй div</p>
	</div>
	<div>
		<p>3. Это третий div</p>
	</div>
	<div>
		<p>4. Это четвертый div</p>
	</div>
	<p>5. Это пятый абзац</p>
	<p>6. Это шестой абзац</p>
</div>
<h4>Пример с таблицей</h4>
<table class="polosatik" style="width:500px;">
    <tr><td>Это перавя строка таблицы</td></tr>
    <tr><td>Это вторая строка таблицы</td></tr>
    <tr><td>Это третья строка таблицы</td></tr>
    <tr><td>Это четвертая строка таблицы</td></tr>
</table>


. Вот сайт: http://www.psihiatr-moskva.ru/kak-zapisatsya/ прием психиатра!

© Copyright 2008-2016 by KDG