» » » » Чередование фона средствами CSS

Подробное содержание постаЧередование фона средствами CSS

Голосов: 4
Псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов. Причем в CSS 3 его поддерживают и понимают все браузеры!

Инструкции по установке не будет, так как :nth-child нужно задавать индивидуально, это не так сложно на самом деле, однако у новичков могут возникнуть проблемы... Для них советую верстать таблицами и задать :nth-child как показано в примере ниже:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>nth-child</title>
    <style>
      table{width:100%;border-spacing:0}
      tr:nth-child(2n){background:#f0f0f0; /* Цвет фона */ }
    </style>
  </head>
  <body>
    <table>
/* Начало шаблона краткой новости shortstory.tpl */
      <tr> 
        <td>текст</td>
      </tr>
/* Конец шаблона краткой новости shortstory.tpl */
      <tr> 
    </table> 
  </body>
</html>

Новость отредактировал: Off Road - 3-12-2013, 21:26
Причина: Проверка на dle 10.1

Информация о статье

Добавить комментарий

Имя:*
E-Mail:
Полужирный Наклонный текст Подчёркнутый текст Зачёркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищённой ссылки Картинка Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *