Несколько страниц нашего веб-приложения для электронной коммерции позволяют пользователям фильтровать список статуса запросов, которые они нам отправили.
Фильтры обычно выглядят примерно так:
Все ожидания завершены
Мы настроили их как ссылки. Мы хотели бы оформить их так, чтобы активный в данный момент фильтр был выделен цветным прямоугольником (с закругленными углами, естественно!), А текст стал белым.
Прямоугольное выделение будет сохраняться до тех пор, пока пользователь не щелкнет по одному из других фильтров (Ожидание, Завершено), после чего выделение переместится на только что нажатую ссылку.
Пример этого можно увидеть в нескольких местах на Facebook, где, например, сообщения на стене фильтруются в:
Дин + Друзья Просто Дин Просто Друзья
Есть ли простой способ сделать это в CSS, возможно, путем стилизации самой последней «посещенной» ссылки, но пометив ранее посещенные ссылки как не посещенные?
Спасибо
Дин Ричардсон