В частности, в такой конструкции:
<nav id="breadcrumb">
<ul>
<li><a href="/">магазин</a></li>
<li><a href="/cellphones/">сотовые телефоны</a></li>
<li><a href="/cellphones/nokia/">nokia</a></li>
<li>E-серия</li>
</ul>
</nav>
Это навигационная строка, показывает текущее местонахождение на сайте и даёт возможность перейти на любой уровень выше. Для удобства восприятия между пунктами ставится символ разделителя:
nav#breadcrumb li:before {
content: "/";
}
Однако так получается перед каждым пунктом, но по задумке дизайнера надо не перед каждым, а между ними. То есть, перед каждым, кроме первого.
Удобно было бы отменить символ разделителя перед первым пунктом при помощи псевдокласса :first-child. Возможно ли такое?
Да, само собою напрашивалось решение привязать разделители к ссылкам, то есть:
nav#breadcrumb li a:after {
content: "/";
}
но это немного не дело, поскольку подчёркивание ссылки распространяется и на символ разделителя, что некрасиво и не соответствует макету.
Примечание:
ВиО зачем-то поставил свой ярлык вместо указанных мной :(
Примечание:
ВиО зачем-то поставил свой ярлык вместо указанных мной :(
Примечание:
Anton Parhomenko, я так понимаю, главное в вашем ответе:
<li class="current">
Да, соглашусь, так проще, хотя и требует дополнительного класса.
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.