CSS中的li.on是指被激活的列表项。这个概念通常在导航菜单等地方使用，标识当前所处的页面或栏目。

要使用li.on，首先需要在HTML中为选中的列表项添加一个class，如下：

<ul>
<li><a href="#home">首页</a></li>
<li class="on"><a href="#about">关于我们</a></li>
<li><a href="#products">我们的产品</a></li>
</ul>

然后在CSS中给li.on定义样式，如下：

li.on {
background-color: #f8f8f8;
color: #333;
border: 1px solid #ddd;
}

这样，在用户点击了“关于我们”这个列表项后，这个列表项就会被标记为li.on，并显示出相应的样式。