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

.nav ul .mall a:hover 是什么意思相关推荐

html nav 置顶居中,CSS / HTML试图使nav ul元素居中
我只是在试图练习jsfiddle,我遇到了一个我无法解决的问题.所以希望你们中的一些人可以在这里帮助我一点.对于CSS的基础知识来说,这似乎是一个如此愚蠢的问题,但出于某种原因,这个问题让我有了. 基 ...
CSS中浮动布局float（小米布局案例、导航栏案例、overflow）
1. CSS 布局的三种机制网页布局的核心--就是用 CSS 来摆放盒子. CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流).浮动和定位, 其中: 普通流(标准流) 块级元素会 ...
CSS3蓝色宽屏二级下拉菜单DEMO演示
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
JS 新浪下拉菜单+jQuery
思考:首先在CSS布局上就出错了,导致后面设置JS时就有很大的问题 <!DOCTYPE html> <html lang="en"><head> ...
JQ-CSS-实现导航菜单效果
先看效果(配色方便,还请多多包涵....^_^) 一种实现方式:(纯css伪类) HTML代码: 1 <div id="nav" class="na ...
HTML5与CSS3基础（二）
6 链接 6.1 创建指向另一个网站的链接链接有两个只要的部分:目标和标签使用目标(destination)可以指定访问者点击链接的时候会发什么什么. 标签:是用户可以在浏览器上看到的部分,点击标 ...
发布html页面图像不显示不出来,图像不显示htmlimg/
我花了好几个小时想让这些图像显示出来.我不想在stackoverflow上发布问题,但现在看来这是最好的选择.我在stackoverflow上读过几篇文章,甚至在不同的网站上也读过几篇.我已经尝试了所 ...
html 导航右侧弹出层,CSS导航栏及弹窗示例代码
最近整理了CSS导航栏及弹窗,具体如下: CSS导航先来看下效果: Insert your title body{ font-size:12px; } #discuss{ width:990px; ...
Python开发【第十二篇】：DOM
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.我们最为关心的是,DOM把 ...
前端入门之——jquery day9
转载 https://www.cnblogs.com/yuanchenqi/articles/5663118.html 一 jquery简介 1 jquery是什么 jQuery由美国人John Re ...

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

.nav ul .mall a:hover 是什么意思相关推荐

最新文章

热门文章