Просмотр кода
Название: Изменение стиля каждого четного блока
Описание: Вот сейчас узнал, что на CSS3 есть псевдокласс :nth-child и решил поделится с вами, код ниже в результате выводит 4 блока (div) с чередованием фона (не знаю, как правильно описать
Добавил:
-RotManS-
Дата: 1 нояб 2014, в 16:59
Комментарии (0)
Описание: Вот сейчас узнал, что на CSS3 есть псевдокласс :nth-child и решил поделится с вами, код ниже в результате выводит 4 блока (div) с чередованием фона (не знаю, как правильно описать
<!DOCTYPEhtml>
<htmllang="ru">
<head>
<meta
charset="UTF-8">
<title>Докумени</
title>
<style>
div.post{
padding:10px;
margin:1px;
border:1px
solid#F1F1F1;
}
div.post:nth-
child(even){
background:
#F1F1F1;
border:1px
solid#FFF;
}
</style>
</head>
<body>
<div
class="post">Строка
1</div>
<div
class="post">Строка
2</div>
<div
class="post">Строка
3</div>
<div
class="post">Строка
4</div>
</body>
</head>
</html>Добавил:
-RotManS- Дата: 1 нояб 2014, в 16:59
Комментарии (0)
