<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

В курсе Вы узнаете абсолютно всё, что необходимо для успешного создания любых сайтов на WordPress, а также увидите пример создания реального блога.

После создания блога он размещается в Интернете, опять же на Ваших глазах. Таким образом, приобретя данный курс, Вы, не обладая никакими знаниями по созданию сайтов, уже сможете их делать, а также выкладывать в Интернет.

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Новый CSS3 псевдокласс - nth-child.

Новый CSS3 псевдокласс - nth-child.

Привет всем. Сегодня мы разберем новый псевдокласс - nth-child.

Это очень простой, однако полезный псевдокласс. Давайте создадим простой список

<ul>
  <li>1 элемент</li>
  <li>2 элемент</li>
  <li>3 элемент</li>
  <li>4 элемент</li>
  <li>5 элемент</li>
  <li>6 элемент</li>
  <li>7 элемент</li>
</ul>

Как нам теперь задать стиль, например, для 3 элемента? Раньше пришлось бы давать ему класс, но теперь можно воспользоваться псевдоклассом CSS3 - nth-child.

ul li:nth-child(3) {
  color: blue;
}

Теперь третий li будет синего цвета.

Также мы можем задать стиль вот так:

ul li:nth-child(2n) {
  color: blue;
}

Обычная прогрессия. 2 сначала умножаем на 1, потом на 2, потом на 3 и так далее. Т.е. в нашем случае синим цветом будут выделены 2, 4 и 6 элемент списка. Умножать можно необязательно на 2, можно и на 3, 4 и другие числа.

Если вы хотите, чтобы были выделены все четные элементы, то укажите в круглых скобках even.

ul li:nth-child(even) {
  color: blue;
}

Если же хотите, чтобы наоборот, синим цветом были выделены нечетные элементы, то укажите odd

ul li:nth-child(odd) {
  color: blue;
}

Итак, сегодня мы узнали про новый псевдокласс CSS3 - nth-child. Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

razor2211 razor2211 04.07.2014 16:16:51

Действительно хорошая статья, таблицы удобнее будет раскрашивать

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.