.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} /* 选定的链接 */