比如
.on{background：blue}
然后把这个样式加到你想做选中状态的li就可以啦，如果你想做到点哪个，哪个变蓝背景，那就用js动态添加这个样式吧
$(document).ready(function(){var li=$("ul li")
li.onclick(function(){
$(this).addClass("blue").siblings().removeClass("blue")
})
})
.blue{background-color:blue}
这个是同页面的；不同页面也要如此效果的话，你只能每个页面的当前li设置底色，没得选。
一般在写html页面时，经常会用到<ul>标签，那么对于多个<ul>标签来说，怎么才能选择到第一个<ul>标签呢？而且怎么选择<ul>标签里的第n个<li>元素呢？工具/原料
submit
电脑
方法/步骤
第一部分：获取第n个<ul>标签：我们写两个<ul>，并且每个都有三个<li></li>标签，以数字1，2，3，4，5，6来测试，最后想要的到的效果如下图所示：即第一个<ul>标签里的元素全变为红色，
方法一：我们给要选定操作的<ul>标签加一个标记<class>，随便一个能标识的标记都可以，比如name，id都行。然后用class选择器对它进行操作，如图所示，所得效果未上图效果，这是通过间接的方式对标签进行选择，代码如下图：
方法二：通过元素选择器找到ul，然后利用代码ul：nth-child(n)找到第n个ul，然后对ul进行相应的设置，也可以完美的达到我们需要的效果，这也是最常用的方法，代码如图：
第二部分：获取<ul>标签的第n个<li>标签，利用ul li:nth-child(n)来实现对<ul>标签里第n个<li>的设置。效果和代码如图所示：
E
