.nav ul .mall a:hover 是什么意思

.nav ul .mall a:hover 这种写法什么意思啊……?css新手.

它的意思是一个class为nav的元素下的ul标签里面的class为mall的li的超链接文本处于悬停状态时的样式，看这个表述有点复杂，用代码结构解释的话就比较明了了：

/*

<li class="mall"><a href="#">我就是这个样式指代的元素</a></li>

<li></li>

</ul>

*/

如果要定义鼠标移动到“我就是这个样式指代的元素”这个地方时超链接的样式，就是用.nav ul .mall a:hover 这种写法来表达了。每个元素之间的空格表示的是后面与前面的元素关系是从属关系。

在css中，a标签有四种属性:

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */