前端一HTML:二十四伪类

类选择器作用:是用来给对应的类标签设置样式。

伪类也是给对应的标签设置样式。伪类选择器的样式要显示出来，这个标签就必须具备对应的条件。

a:link 设置元素没有被访问过的样式。

如果已经点击了一次，那么将来这个伪类中的样式将不会再被显示。

a:visited 设置元素被访问过的样式

如果这个元素已经被点了一次，那么将来这个伪类中的样式会一直显示。

a:hover 设置鼠标悬停时元素的样式

如果鼠标悬停，那么对应的元素就会显示这个伪类中设置样式。

a:active 设置鼠标点击时的样式

如果鼠标点击了这个元素，元素会显示这个伪类中设置的样式。

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>a{display: inline-block;width: 100px;height: 50px;background-color: red;text-decoration: none;text-align: center;line-height: 50px;}a:link{background-color: yellow;}a:visited{background-color: pink;}a:hover{background-color: purple;}a:active{background-color: blue;}</style>
</head>
<body><a href="#">a标签</a>
</body>
</html>

注意点: a:link, a:visited,a:hover,a:active 必须要遵守这个顺序,如果不遵守,那么有些伪类起不了作用。

前端一HTML:二十四伪类相关推荐

java从入门到精通二十四（三层架构完成增删改查）
java从入门到精通二十四(三层架构完成增删改查) 前言环境准备创建web项目结构导入依赖和配置文件创建层次模型实现查询实现添加实现修改完成删除做一个用户登录验证会话技术 cook ...
山海演武传·黄道·第一卷雏龙惊蛰第二十二 ~ 二十四章真龙之剑·星墟列将...
山海演武传·黄道·第一卷雏龙惊蛰第二十二 ~ 二十四章真龙之剑·星墟列将 "我是第一次--请你,请你温柔一点--"少女一边娇喘着,一边将稚嫩的红唇紧贴在男子耳边,樱桃小嘴盈溢 ...
SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
云计算设计模式（二十四）——仆人键模式
云计算设计模式(二十四)--仆人键模式使用一个令牌或密钥,向客户提供受限制的直接訪问特定的资源或服务,以便由应用程序代码卸载数据传输操作. 这个模式是在使用云托管的存储系统或队列的应用中特别实用,而 ...
真三国无双8二十四项修改器风灵月影版
点击下载来源:真三国无双8二十四项修改器风灵月影版真三国无双8修改器风灵月影顾名思义,就是由风灵月影大神专门为<真三国无双8(Dynasty Warriors 8)>量身打造的一款游戏辅 ...
JavaWeb开发与代码的编写(二十四)
JavaWeb开发与代码的编写(二十四) JNDI数据源的配置数据源的由来在Java开发中,使用JDBC操作数据库的四个步骤如下: ①加载数据库驱动程序(Class.forName("数 ...
【Microsoft Azure 的1024种玩法】二十四.通过Azure Front Door 的 Web 应用程序防火墙来对 OWASP TOP 10 威胁进行防御
[简介] 我们都知道像 SQL 注入.跨站点脚本攻击(XSS)之类的恶意攻击以及 OWASP 发现的十大威胁都可能会导致服务中断或数据丢失,让 Web 应用程序所有者受到巨大威胁.那么如何有效的解决O ...
matlab火星漫游车转向控制,OSG开发笔记（二十四）：OSG漫游之平移与转向
若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936 本文章博客地址:https://blog.csdn.net/qq21497936/ ...
计算机网络（二十四）UDP及TCP首部的格式
计算机网络(二十四)UDP及TCP首部的格式 UDP首部的格式 a.源端口号(Source Port) b.目标端口号(Destination Port) c.包长度(Length) d.校验和(Ch ...