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

Question

.header .rlink ul li.r3 a{
background-position:0px -63px;
}

问题1：几个点这么并列着写，代表什么意思（一个点我知道是div的方式）
问题2：ul li前怎么不加点

Answer 1

.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>

Answer 2

<style teype="text/css">
.header .rlink ul li.r3 a{
background-position:0px -63px;
}
/*这里的点是表示样式标记为class,并列写着是表示设置样式为"header"的容器里样式为"rlink"容器中的一个样式为"r3"的 li 标记内的的一个链接的的背景位置.ul li之间没有加点是因为它们是样式为"rlink" 的DIV的一个直属内置标签,不是一个样式标记,所是不能加点.*/
</style

<div class="header ">
<div class="rlink ">
<ul>
<li class="r3"><a href="#">测试测试测试测试</a></li>
</ul>
</div>
</div

如果样式标记为ID则样式如同楼上的写法
<style teype="text/css">
#tab,#tab a:link
{
color:#FFFFFF
}
/*这个样式就设置了ID为"tab "的DIV内的文字颜色以及链接文字的颜色都为白色*/
</style>
<div id="tab">
<a href="#"></a>
</div>

Answer 3

问题一：并列的div id或者td class之间用英文逗号隔开，可以有空格，比如说这样：
#tab,#tab a:link
{
color:#FFFFFF
}

问题二：定义的td class是"rlink ul li r3 a"，这是一个完整的td class，所以前面没有点