Первый элемент списка css

Примеры использования :nth-child

=== Скачать файл ===

CSS. Как выбрать каждый первый, второй, третий и.т.д. элементы списка, таблицы, блока.

CSS псевдо-класс :nth-child(n)

Как я и обещал в одной из предыдущих статей, я расскажу про то, как можно изменить стиль только первого элемента списка. Когда я верстал дизайн для этого блога, мне захотелось сделать меню так, чтобы элементы были отделены друг от друга. Разделение я сделал так:. Хотя это и отрывок кода, но из него понятно, что над top каждым элементом LI списка UL будет рисоваться сплошная solid линия в 1 пиксель черного цвета. Почему я выбрал именно border-top, ведь можно было бы сделать так, чтобы отделение было снизу? Да все очень просто: Таким образом, получится примерно так: Но поглядев, что получилось, мне захотелось убрать у первого элемента черту сверху. Раньше я просто переопределял стиль первого элемента помощью класса, примерно так:. И все отлично работало, но появлялся лишний код в HTML и приходилось вручную его добавлять и именно в первый элемент. А если вдруг перед первым нужно будет добавить еще один элемент? Я нашел выход намного проще. Оказывается в CSS можно просто указать стиль для первого элемента меню:. Вот тут-то мы и определяем стиль первого элемента. Таким же образом я поступил при разработке дизайна для строительной фирмы Камелот см. Пользуйтесь, если не знали! Ваш сайт единственный на которым нашла удовлетворяющий ответ СПАСИБО! Вы можете использовать эту разметку: Полнота авторских прав на все материалы, опубликованные на ресурсе TechWeek. Стиль первого элемента в списке UL Дата: HTML и CSS Дизайн. Разделение я сделал так: Раньше я просто переопределял стиль первого элемента помощью класса, примерно так: Категории SEO Книги о технологиях Неделя IT Новости Аппаратное обеспечение Безопасность Гаджеты Игры Интернет Мультимедиа Периферия ПК и ноутбуки Планшетные ПК Программное обеспечение Смартфоны Технологии Фотокамеры Обзоры Разное Софт и книги.

Одной из серьезных проблем является

Результаты по видам спорта

Бита своими руками

Эльдорадо официальный сайт каталог товаров в белгороде

Альф сколько желудков

Этм ульяновск каталог товаров

Бинбанк программа лояльности

Сколько стоит электроэнергия 1 кв inurl nevis

Хмельницкое крым на карте

Внутриматочная спираль инструкция

Законы о межевании земельных участков 2016

Лекарственные травы сибири фотои описание