Изменение стиля каждого четного блока (CSS3)

Вот сейчас узнал, что на CSS3 есть псевдокласс :nth-child и решил поделится с вами, код ниже в результате выводит 4 блока (div) с чередованием фона (не знаю, как правильно описать)

Вот код на dumpz.org - http://dumpz.org/1186376/


                        
<!DOCTYPE html>

<html lang="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>

abler98

Комментарии

Без комментариев...

Поделиться кодом

Пожаловаться на код

Переслать код