CSS中的那个点什么时候加，什么时候不加

.header .rlink ul li.r3 a

带点的是自定义的样式名称，几个点的并列着写（有空格）意思是带.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 teype="text/css">
.header .rlink ul li.r3 a{
background-position:0px -63px;
}
/*这里的点是表示样式标记为class,并列写着是表示设置样式为"header"的容器里样式为"rlink"容器中的一个样式为&