小编Tra*_*vis的帖子

如何设置与当前URL匹配的链接的样式?

我想将CSS背景颜色添加到侧栏导航(#subnav)中与当前URL完全匹配的任何链接.

我试过了div#subnav a:active { background: #f1f2f2; },但没办法.

任何帮助,将不胜感激!

更新:subnav的代码如下:

<!-- START ALL PRODUCTS SUBNAV -->
{% if collection.handle == 'all' %}
<div id="back_link"><a style="background: none; color: #fff;" href="/collections/all">.</a></div>
<div id="subnav" style="margin-top: -33px;">{% if linklists.sub-navigation.links.size > 0 %}{% for link in linklists.sub-navigation.links %}
<li class="main_category_link"><a href="{{ link.url }}"{% if link.url == collection.url %} class="active"{% endif %}>{{ link.title | escape }}</a></li>{% unless forloop.last %} {% endunless %}{% endfor %}{% else %}
{% endif %}
</div>
{% endif %}
<!-- END …
Run Code Online (Sandbox Code Playgroud)

css url hyperlink

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

hyperlink ×1

url ×1