带点的是自定义的样式名称，几个点的并列着写（有空格）意思是带.header 这个样式的元素里的 带.rlink样式的元素，就是容器包着容器，.header容器里的.rlink容器。比如：
<div class="header">
<div class="rlink"></div>
</div>
不带点的是html元素，意思是 .rlink样式下的ul元素。以此类推。ul 下面的li
li.r3 中间无空格意思是<li class="r3">本li的样式是r3
li.r3 a 意思是带r3样式的li里的a元素。
<div class="header">
<div class="rlink">
<ul>
<li class="r3">
<a href="#"></a>
</li>
</ul>
</div>
</div>
无法直接用样式替换，需要做图片代替，例子如下<style type="text/css">
ul{ list-style-type:nonemargin:0}
li{padding-left:16pxbackground:url(images/bg.gif) 7px center no-repeat} 小点做成图片
</style>
</head>
<body>
<ul>
<li>内容</li>
<li>内容</li>
</ul>
</body>
