Question

我正在尝试在我的css中设置一些文本菜单，当该菜单的链接等于当前网址时。但似乎没有用。这是一句话：

#pages.tabs ul li a[href$=location]{color:blue !important;}

，其中#pages.tabs ul li是位于这些链接的菜单列表。我猜测location内容包含css中的当前url。但我甚至不知道这是否只能用css来实现。

非常感谢，

Answer 1

css无法完成此操作，只需要使用javascript。给一个类当前的url li并给出css的样式。喜欢

HTML

<div class="navbar">
    <ul>
       <a href="../index.html"><li>Home</li></a>
       <a href="usefulsites.html"><li>Useful Sites</li></a>
       <a href="software.html"><li class="currentpage">Software</li></a>
       <a href="workbench.html"><li>The Workbench</li></a>
       <a href="contact.php"><li>Contact</a></li></a>
    </ul>
</div>

的CSS

.currentpage {
   color: #640200;
   background-color: #000000;
}

Answer 2

仅使用JQuery中的addClass或removeClass。

Css代码：

.liactive{background-color:#3C6EC9;}

Jquery代码：

$(document).ready(function(){

$('ul li').click(function(){
  var items=$('ul li').get();
  for(var i=0;i<items.length;i++)
  $(items[i]).removeClass('liactive');
  $(this).addClass('liactive');
 });

});

我为你制作了这段代码。玩得开心^^ 这是你的例子--------＆gt; Knee's JSFiddle

获取属性选择器中的当前页面/网址

2 个答案: