Как оформить ссылку, соответствующую текущему URL-адресу? [дубликат]

На этот вопрос уже есть ответы здесь:

Изменить цвет ссылки текущей страницы с помощью CSS(13 ответов)

Закрыто 2 лет назад.

Я хочу добавить цвет фона CSS для любой ссылки на боковой панели навигации (#subnav), которая точно соответствует текущему URL-адресу.

Я пробовал div#subnav a:active { background: #f1f2f2; }, но это не сработало.

Будем признательны за любую помощь!

ОБНОВЛЕНИЕ: Код дополнительной навигации следующий:


{% if collection.handle == 'all' %}
.
{% if linklists.sub-navigation.links.size > 0 %}{% for link in linklists.sub-navigation.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}

{% endif %}



{% if collection.handle == 'home' %}
← BACK


HOME
{% if linklists.sub-navigation-home.links.size > 0 %}
{% for link in linklists.sub-navigation-home.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
CHILDREN
WOMEN
PETS
GIFTS
SALE

{% endif %}



{% if collection.handle == 'children' %}
← BACK

HOME
CHILDREN
{% if linklists.sub-navigation-children.links.size > 0 %}{% for link in linklists.sub-navigation-children.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
WOMEN
PETS
GIFTS
SALE

{% endif %}



{% if collection.handle == 'women' %}
← BACK

HOME
CHILDREN
WOMEN
{% if linklists.sub-navigation-women.links.size > 0 %}{% for link in linklists.sub-navigation-women.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
PETS
GIFTS
SALE

{% endif %}



{% if collection.handle == 'pets' %}
← BACK

HOME
CHILDREN
WOMEN
PETS
{% if linklists.sub-navigation-pets.links.size > 0 %}{% for link in linklists.sub-navigation-pets.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
GIFTS
SALE

{% endif %}



{% if collection.handle == 'gifts' %}
← BACK

HOME
CHILDREN
WOMEN
PETS
GIFTS
{% if linklists.sub-navigation-gifts.links.size > 0 %}{% for link in linklists.sub-navigation-gifts.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
SALE

{% endif %}



{% if collection.handle == 'sale' %}
← BACK

HOME
CHILDREN
WOMEN
PETS
GIFTS
SALE
{% if linklists.sub-navigation-sale.links.size > 0 %}{% for link in linklists.sub-navigation-sale.links %}
{{ link.title | escape }}{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}

{% endif %}

css hyperlink url

задан Travis 25 July 2012 в 18:23

0 ответов

Другие вопросы по тегам:

css hyperlink url

Как оформить ссылку, соответствующую текущему URL-адресу? [дубликат]

0 ответов

Похожие вопросы: