postPR.ru » Песочница » Индивидуальный стиль каждой кнопке навигации при помощи псевдокласса

    Дешевый хостинг



 

Индивидуальный стиль каждой кнопке навигации при помощи псевдокласса

Автор: anutka0306 | Дата: 7-05-2014 в 21:00 | Просмотров: 275 | Комментариев: 0





http://website-create.ru/lessons/create/nthchild/3.jpg
Сегодня я покажу Вам, как можно придать индивидуальный стиль для каждой кнопки навигации при этом не присваивая каждой кнопке отдельный класс. Сделать это становится возможным при помощи псевдокласса, появившегося в CSS3 – nth-child(). При этом Ваш html-код останется не загроможденным большим количеством классов, а реализация самой задачи становится до смешного простой.
Между прочим, этот прием можно применять не только для кнопок навигации, но также таким образом можно легко стилизовать любое сочетание чередующихся дочерних элементов. Сейчас Вы и сами увидите насколько все просто у нас получится.

Категория: Песочница

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Комментировать статьи на нашем сайте возможно только в течении 5 дней со дня публикации.