Question

CSS类别选择器加不加空格有什么不同？

类别名称后面没有空格，直接跟冒号和hover 与有空格，竟然显示样式会不一样。如果把冒号和hover却掉，第三种效果——说明前两种情况都起作用了，但是到底有什么不同啊？我用的是360浏览器和火狐的。
.liabc:hover {
background:#FF6600;padding:10px 1px;width:110px;height:15px;border:0px solid #FF0099;position:relative;top:-14px;left:-2px;
}
对了，是在ul li 列表里进行实验的。

Answer 1

空格主要是为了区别不同的class类。如下示例：

<div class="one two tre"></div>
<div class="onetwotre"></div>

在这个示例中，第一个div会被解析为有one、two、tre这三个类，第二个div会被解析为只有onetwotre这一个类。

Answer 2

.liabc{background:#FF6600;..}单一个元素名是你给这个.liabc的样式
.liabc:hover{background:#FF6600;..} 加:hover就是当鼠标悬浮在上面做出的样式改变
至于你说的有空格的不太明白了

Answer 3

.liabc:hover 说明class为liabc的元素的hover属性
.liabc: hover 说明class为liabc元素下的元素的hover属性

注意ie6下只有a有hover属性
360浏览器是基于ie浏览器内核的，取决于你电脑装的ie版本，如果你的电脑装了ie7，你的360就是ie7。

Answer 4

ul li 列表是html标签。在CSS里面空格貌似不管用。

追问

管用的，会起作用的。

Answer 5

这是选择器的区别。
比如 <div class="abc"> <p> </p> </div>
.abc 类选择器
.abc p 后代选择器
.abc:hover 伪类选择器
建议看一下百度百科的CSS选择器解释：
http://baike.baidu.com/view/3677855.htm#sub3677855