一個元素上同時調用了first和fl兩個class類：
<p class="font12 red line22">這里p上同時調用了三個class</p>
.font12{font-size:12px;}
.red{color:red;}
.line22{line-height:22px;}

要給第二個列表加背景，再給第二個列表定義個id或class：
<div class="first fl">
<ul><li>list11111</li></ul>
</div>
<div class="fl">
<ul class="list2"><li>list222</li></ul>
</div>

.list2{定義背景..}

.fl不是控制哪個類的，是定義了一個叫fl的類名，上面兩個div都調用了.fl這個類，都浮動了。

<div class="first fl">有空是因為要同時調用兩個class 一個是first 另一個是fl 。
比如我想給第二個列加一個背景顏色如何添加，直接給你要加背景色的那個li寫一個class比如我寫.libg ｛background:#f00}, <li class='libg'><a href="#">making over years </a></li>
fl{ float:left;}我知道 float:left;的意思，我不知,這個意思是做浮動，你把那個 <div class="fl">
變成 <div>他就不浮動，直接占一行

.liabc:hover 說明class為liabc的元素的hover屬性
.liabc: hover 說明class為liabc元素下的元素的hover屬性

注意ie6下只有a有hover屬性
360瀏覽器是基于ie瀏覽器內核的，取決于你電腦裝的ie版本，如果你的電腦裝了ie7，你的360就是ie7。

空格主要是為了區別不同的class類。如下示例：

在這個示例中，第一個div會被解析為有one、two、tre這三個類，第二個div會被解析為只有onetwotre這一個類。