标签的多重样式

标签的多重样式

链接标签有多重形式显示,取决于他的环境。

没有单击过的上面就会显示是蓝色,也就是未访问连接。

以访问的连接就会出现不同的颜色,也是用这些颜色区分连接有没有点开。

如果把鼠标放在连接上面这称之为悬停,在一些浏览器上鼠标悬停会显示title属性的文本。

如何根据标签的状态来指定样式

/*这里的a后面要加一个冒号
然后后面街上想要的选择器
link是选中未访问的连接*/
a:link{
	color:red;
}
/*visited选择器是显示已经访问过的连接*/
a:visited{
    color:blue;
}
/*hover选择器是不点击但悬停在一个链接上会显示的颜色*/
a:hover{
    color:yello;
}
/*active选择器用于选择点击当时链接的背景颜色*/
a:active{
    color:black;
}

链接同事拥有多种效果的顺序

如果我们想让链接的效果多变起来,可以遵守一种顺序

link visited hover focus active

这样可以平衡选择器之间的关系。

上一篇:react源码解析9.diff算法


下一篇:实训第三天