开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >CSS伪类

CSS伪类

阿豪聊干货

发布于 2018-08-09 06:59:15

发布于 2018-08-09 06:59:15

8910

举报

文章被收录于专栏：Java后端技术Java后端技术

CSS伪类：控制元素的某种状态

　　语法：元素名称:伪类名称{属性:值}

CSS伪类控制链接状态

状态	语法
未访问的链接	a:link{color:#ff00ff}
已访问的链接	a:visited{color:#00ffff}
鼠标移动到链接上	a:hover{color:$ffaaaa}
鼠标按下链接	a:active{color:#b4b4b4}

　　注：如果链接不起作用，请修改链接状态顺序为link--visited--hover-active.

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016-03-10 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

一、前端基础-css-css选择器之伪类

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a:link{ color: red; } a:visited{ color: purple; } a:hover{ color: aqua;

堕落飞鸟

2022/02/11

3990

　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。

超蛋lhy

2018/08/31

1.6K0

HTML新手上路随笔

html 网站 cursor 调试域名

分享一件关于在激活PhpStorm时的一件趣事，（屏蔽网站） C:\Windows\System32\drivers\etc 路径下的hosts文件，打开hosts文件之后，我们会发现在hosts文件的最下面，有这样一行：

来杯Sherry

2023/05/25

7600

教程框架模型 css 布局

block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) inline elements (内联元素)。 block元素通常被现实为独立的一块，会单独换一行； inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inline元素）：常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。要注意的是这个是个大概的说法，每个特定的元素能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。比如 P 元素，只能包含inline元素，而不能包含block元素。一般来说，可以通过display:inline和display:block的设置，改变元素的布局级别。

zhangjiqun

2024/12/16

1150

E002Web学习笔记-CSS

模型学习笔记语法 css html

如<a>，状态：link：初始化状态；visited：被访问过的状态；active：正在访问状态；hover：鼠标悬浮状态；

訾博ZiBo

2025/01/06

730

一篇文章带你了解CSS Pseudo-classes(伪类 )

CSS伪类选择器根据其他条件匹配组件，而不一定由文档树定义。CSS 伪类是添加到选择器的关键字，指定要选择的元素的特殊状态。

前端进阶者

2021/01/22

2.1K0

【说站】css中a标签伪类如何使用

1、书写顺序必须是访问前link，访问后visited，鼠标移动hover，鼠标点击active。

很酷的站长

2022/11/24

1.3K0

CSS基础-引入方法，选择器，继承

嵌入式 html go

例子：<div style="background-color:red">行内式</div>

bear_fish

2018/09/19

7050

前端基础：CSS

CSS 大大提高工作效率，可以将 HTML 代码与样式代码分离，让原本 HTML 不能描述的效果，通过 CSS 描述出来。

RendaZhang

2020/09/08

2.5K0

以前学习css的时候总是看见一个效果就看一下，没有系统的学习，最近看见了这个css3的网站，打算系统学习下，今天要跟大家分享的是css3的选择器。

py3study

2020/01/15

5520

CSS是Cascading Style Sheets的加简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。

Wyc

2018/09/11

2.1K0

前端学习(10)~css学习：选择器：伪类

伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。

Vincent-yuan

2020/02/25

1.2K0

前端学习(10)~css学习：选择器：伪类

谈谈CSS中一些比较"偏门"的小知识前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！

前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！ 1.常见的浏览器内核：以IE为代表：IE，MaxThon，TT，the World，360，搜狗浏览器等-----Trident内核[又称MSHTML] Firefox，Netscape 6及以上版本，seaMonkey等-----Gecko内核 Opera7及以上----- Opera内核原为：Presto，现为：Blink; Webkit内核：Safari,C

用户1149564

2018/01/11

1.4K0

前端基础-CSS基础（四）

dom hover 教程区块链开发全栈

本文目录 DOM的关系后代选择器子元素选择器属性选择器伪类选择器参考元素：标签和内容关系：父子关系、亲兄弟关系、后代关系。后代选择器 <!DOCTYPE html> <html>

efonfighting

2019/12/17

5250

CSS 美化网页元素

css 基础浏览器用户体验语法

有效的传递页面信息，使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户，可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容，具有良好的用户体验。

久绊A

2023/03/24

1.6K0

9.25【前端开发】超链接伪类：如何在svg元素上使用超链接伪类?

a:link 未单击访问时超链接样式 a:link{color:#9ef5f9;}

LIYI

2020/10/09

2.4K0

9.25【前端开发】超链接伪类：如何在svg元素上使用超链接伪类?

一、CSS简介 css概念　　　　CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。　　　　当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格

人生不如戏

2018/04/12

1.6K0

9.29【前端开发】超链接伪类：如何在svg元素上使用超链接伪类?

这个样式可能会被后声明的其他链接相关的伪类覆盖，这些伪类包括 (:link, :hover,和:active)。要适当地设置链接样式，请将:visited 规则放在:link 规则之后，但在:hover 和:active 规则之前。

LIYI

2020/10/09

2K0

9.29【前端开发】超链接伪类：如何在svg元素上使用超链接伪类?

CSS的超链接样式设计

html http css 网站 https

内部链接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置，仅指定相对位置关系，

全栈程序员站长

2022/09/07

1.4K0

CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 ''' selector { property: value; property: value; ... property: value } ''' 例如： 1 h1 {color:red; font-size:14px

用户1214487

2018/01/24

2.1K0

相关推荐

一、前端基础-css-css选择器之伪类

更多 >