【温故知新】CSS学习笔记（链接伪类选择器）

链接伪类选择器

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果。

之前我们学过类选择器，以点“.”开头，为了区分开来，伪类选择器则是以冒号“:”开头。

类选择器： .demo { }

伪类选择器： :link { }

链接伪类选择器通常有以下四个：

:link     未访问的链接

:visited   已访问的链接

:hover    鼠标移动到链接上面

:active    选定的链接

注意，如果你想写全，上面四个的顺序是不能颠倒的。

【例子】

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>伪类选择器</title><style>a:link{ /*未访问的链接*/color: #3c3c3c;font-size: 25px;text-decoration:none;font-weight: 700;}a:visited{ /*已访问过的链接*/color: orange;}a:hover{ /*鼠标经过链接时候的状态*/color: #f10215;}a:active{ /*鼠标按下时候的状态*/color:green;}</style>
</head>
<body><a href="#">秒杀点击这里</a>
</body>
</html>

1、未访问的链接

2、已访问的链接

3、鼠标移动到链接上面的状态

4、选定链接时的状态

【温故知新】CSS学习笔记（链接伪类选择器）相关推荐

复合选择器-链接伪类选择器（HTML、CSS）
复合选择器-链接伪类选择器(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta c ...
css复合选择器（后代选择器、子代选择器、并集选择器、链接伪类选择器、：focus选择器）
什么是复合选择器? 在css中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签 ...
CSS复合选择器之链接伪类选择器及总结
在某些大型购物网站.新闻网站中可以看到许许多多的链接,其中很多链接的样式都为黑色,当鼠标放到某一链接上的时候,链接的颜色也会变化,点击过后颜色也会变化.这就用到了CSS复合选择器中的链接伪类选择器. ...
css 伪类选择器（链接伪类选择器、结构伪类选择器、目标伪类选择器）
css 伪类选择器(链接伪类选择器.结构伪类选择器.目标伪类选择器) 链接伪类选择器:顾名思义就是用于链接的伪类选择器.a的伪类标签有:a:link.a:visited.a:hover.a:activ ...
css中什么是伪类选择器？伪类选择器的简要介绍
本章给大家带来css中什么是伪类选择器?伪类选择器的简要介绍.让大家可以了解在css中伪类选择器的作用,css伪类选择器有哪些分类等知识.有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. ...
css中什么是伪类选择器？伪类选择器的简介
一.伪类选择器介绍伪类选择器(简称:伪类)通过冒号来定义,它定义了元素的状态,如点击按下,点击完成等,通过伪类可以为元素的状态修改样式. 伪类的功能和一般的DOM中的元素样式相似,但和一般的DOM中 ...
复合选择器之链接伪类选择器
伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素. 伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover . :first-child . 因为伪类 ...
CSS 3 中的伪类选择器
伪元素选择器是指并不是针对真正的元素使用的选择器,而是针对CSS中已经定义好的伪元素使用的选择. 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 在CSS中,主要有如下四个伪元素选择器 ...
CSS中常用的伪类选择器
一 .伪类(不存在的类,特殊的类) -伪类用来描述一个元素的特殊状态比如:第一个元素,被点击的元素,鼠标移入的元素··· -特点:一般请情况下,使用:开头 1. :first-child 第一个子元 ...

【温故知新】CSS学习笔记（链接伪类选择器）

链接伪类选择器

【温故知新】CSS学习笔记（链接伪类选择器）相关推荐

最新文章

热门文章