注意：after伪类ie6、ie7都是不支持的
只有firefox、chrome、safari才支持
你代码里after的意思是
class="tab-on"后面加一个元素，content:"."说明这个新加的元素里面是个“.”
举个例子
<div class="app"></div>
css是app:after{content:"我加点东西"}
实际在浏览器里面的运行结果是
<div class="app"></div><div>我加点东西</div>
:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。:after是css中的一种伪元素，可用于在某个元素之后插入某些内容。
可以看下这个简单的例子：http://www.runoob.com/try/try.php?filename=trycss_sel_after
