[菜鸟求助]CSS选择器问题

<style>
.float_layer { width: 300px; border: 1px solid #aaaaaa; display:none;background:#fff; }

.float_layer h2 {height: 5px; padding-left: 19px;border-bottom: 1px solid #aaaaaa; background: url(http://www.codefans.net/jscss/demoimg/201105/title_bg.gif);position: relative; }

.float_layer .close { width: 15px; height: 15px; background: url(http://www.codefans.net/jscss/demoimg/201105/close.gif) no-repeat 0 bottom; position: absolute; top: 0px; right: 3px; }

.float_layer .content { height: 255px; overflow: hidden;}

.float_layer .wrap { padding: 1px; }
</style>

.float_layer是类选择器，但下面的.float_layer h2是什么？.float_layer和h2什么关系？

再往后三个，感觉是将两个类选择器写在了一起，比如.float_layer .close，它两关系是什么？

每行都有.float_layer，更不懂了。。

派生选择器，可以这么理解：
CSS code

.float_layer .content
/*定义的样式对拥有float_layer类的元素中包含的拥有content类的元素起作用*/

+1

1楼说的很好了。。。

.float_layer h2{...}
.float_layer .close{...}

<div class="float_layer">
  <div class=".close"></div>
  <h2>hello</h2>
</div>
<div class=".close"></div>
<h2>hello</h2>

楼主跑下就知道了

Update
===================
.float_layer h2{...}
.float_layer .close{...}

<div class="float_layer">
  <div class="close"></div>
  <h2>hello</h2>
</div>
<div class="close"></div>
<h2>hello</h2>