如何更改所选链接的背景？

Question

我正在使用<ul><li></li></ul> 我想更改所选<li>或页面的背景。 请指导我最适合的解决方案，并提供任何帮助材料。

感谢。

Answer 1

嗨，你可以使用这个技巧

#menuspace li.active a { background:#fff; color:#2175bc;

或查看实例： - http://jsfiddle.net/3XzVF/2/

Answer 2

也许你需要这样的东西

    $('li').click(function(){

       $(this).css({'background-color':'red'});
    });

Answer 3

因此，如果你想为活跃的li添加背景，你应该添加：active to li。 ：主动选择器用于选择活动链接并为其设置样式。

li:active{
  background:#fff;
}

在样式表中定义它 你可以改变：active to：hover

继承你可能需要的教程 http://www.w3schools.com/css/css_pseudo_classes.asp

P.S。你应该首先查看堆栈存档或首先查询你的问题，因为这个问题很常见。

Answer 4

激活

如果要在激活列表项时更改列表项的样式，请使用伪类:active。

示例：http://jsfiddle.net/srGGc/

请注意，激活与选择不同。

  

：激活元素时应用：active伪类   由用户。例如，在用户按下鼠标的时间之间   按钮并释放它。在具有多个鼠标按钮的系统上，   ：active仅适用于主要或主要激活按钮   （通常是“左”鼠标按钮）及其任何别名。

来源：http://www.w3.org/TR/selectors4/#active-pseudo

选择

如果要在列表项位于相应页面时将其标记为已选中，则可以使用JavaScript检查URL并在LI上设置类名称。

if( window.location.href.lastIndexOf("jshell.net") != -1 )
{
    document.getElementById("foo").className = "activeItem";
}​

完整示例：http://jsfiddle.net/j4DXb/1/

您还可以设置类名称服务器端（这通常是我首选的方法）。