Question

css的问题：li下存在active类，怎么写这种样式？

Answer 1

li:active { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;}/* display是一定要加上的，不然背景显示会有问题，width和height的具体值你自己写*/
不过这只是鼠标释放以后的才会显示的样式。
我猜想你是想鼠标划过时才这样显示，你应该这样写
li:hover { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;}

实际上，要想更多浏览器都兼容这个样式，你应该给<a></a>加伪类。而且伪类的书写时有顺序的，如下所示分别是 link, visited, hover, active. 并且这些伪类都要书写，一个都不能遗漏
a:link{color:black;} /*没有访问之前的样式*/
a:visited{color:blue;} /*访问之后的样式*/
a:hover{color:red;} /*鼠标滑过时的样式*/
a:active{color:green;} /*鼠标释放时候的样式*/
希望能帮到你。

Answer 2

　　这个就是普通的样式吧，换个文字颜色和背景色而已。

li.active{ color:#ffffff;background-color:#0000ff; }

Answer 3

能详细一点你想问的问题吗？