首页 > 其他分享 >列举出所有的伪类使用方式

列举出所有的伪类使用方式

时间:2023-08-25 22:14:20浏览次数:26  
标签:方式 伪类 color 元素 选择 样式 child 列举

CSS 伪类(Pseudo-classes)是用于选择元素在特定状态下的样式的一种机制。它们通过在选择器后面使用冒号 ":" 来表示,并与普通的元素选择器结合使用。

以下是一些常见的 CSS 伪类及其功能:

1. :hover:当鼠标悬停在元素上时应用的样式。
a:hover {
color: red;
}

2. :active:当元素被激活(被点击)时应用的样式。

button:active {
background-color: gray;
}

3. :focus:当元素获得焦点时应用的样式,通常用于表单元素。

input:focus {
border-color: blue;
}

4. :visited:选择用户已访问过的链接的样式。

a:visited {
color: purple;
}

5. :nth-child():根据位置选择父元素的子元素。例如,选择第二个子元素。

li:nth-child(2) {
color: blue;
}

6. :first-child:选择父元素下的第一个子元素。

p:first-child {
font-weight: bold;
}

7. :last-child:选择父元素下的最后一个子元素。

div:last-child {
border: 1px solid black;
}

8. :not():选择不匹配提供的选择器的元素。

p:not(.special) {
color: gray;
}

9. :checked:选择被选中的复选框或单选按钮。

input[type="checkbox"]:checked {
background-color: yellow;
}

这只是一小部分常见的 CSS 伪类,它们可以帮助开发者根据元素的状态或位置来选择应用样式。

标签:方式,伪类,color,元素,选择,样式,child,列举
From: https://www.cnblogs.com/coversky/p/17658036.html

相关文章

  • 列举出css所有的样式选择器
    以下是CSS中常见的各种样式选择器:1.元素选择器:通过HTML元素名称选择元素,如`p`、`div`等。2.类选择器(ClassSelector):通过`class`属性选择一个或多个具有相同类名的元素,如`.example`。3.ID选择器(IDSelector):通过`id`属性选择具有唯一标识符的元素,如`#uniqueID`。4.......
  • 【Python-每日技巧】列举一些Python稍微有点难度的技巧
    元编程(Metaprogramming):这是一项高级技术,允许你在运行时动态地创建、修改和操作代码。Python提供了强大的元编程特性,如使用装饰器(Decorators)、元类(Metaclasses)和反射(Reflection)等。这些概念需要深入理解Python的对象模型和元数据处理能力。以下是一个使用元编程的示例,展示如何动态......
  • 通过修改注册表的方式更改文件夹选项(文件资源管理器选项)
     文件夹选项(在控制面板里面叫做文件资源管理器选项)在注册表中的位置:[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]在这个地方下面有很多键值,我通过查资料和自己尝试的方式找到了它们所对应的设置项(有一些实在不知道是什么,只有放在那里......
  • 在 IDEA 中创建 Spring Boot 项目的方式
    点击左边的SpringInitializr(https://start.spring.io),默认选择你的JDK和构建SpringBoot项目的URL,接着点击右下角的Next尝试阿里云提供的脚手架https://start.aliyun.com,选择Custom,将阿里云的URL复制过去。两个地址官方:https://start.spring.io阿里的:http......
  • 帮助中心最佳实践方式:快速解决用户问题,以提升产品体验
    帮助中心,顾名思义,就是获取帮助的地方。尤其是对于当下产品来说,都需要一款在线预览查询的地方,客户在使用产品的过程中,遇到任何问题,都可以在帮助中心中寻求帮助。以HelpLook为例,借助该工具可以在短期内快速搭建免费帮助中心站点,帮助中心作为最佳实践方式,提供全方位的支持与帮助,解决个......
  • CentOS/RedHat下RPM方式安装MySQL 5.7
    摘要本文详细记录了Linux下MySQL5.7的安装步骤,基于CentOS7.2与中标麒麟7两个版本的操作系统下的实践总结而成(大多数图片截取自中标麒麟7)。引子我所在的人力资源和社会保障行业线,项目的业务数据库绝大多数是Oracle,其实很少见到MySQL。近几年有从Oracle向国产数据库(OceanBase、达......
  • SpringBoot配置加载方式
    在开发中,我们经常会和配置打交道,SpringBoot为了方便配置的的管理和加载,提供了灵活的配置文件加载机制。它允许从多个来源中加载应用配置信息。如系统默认配置、外部配置文件、环境变量、命令行参数、数据库、配置中心等。下面介绍几种常见的属性来源配置方式。命令行参数Spring......
  • 大连人工智能计算平台——华为昇腾AI平台——高性能计算HPC——调度器dstart的ssh启动
     根据华为的官方文档:https://support.huawei.com/enterprise/zh/doc/EDOC1100228705/d1f5a239#ZH-CN_TOPIC_0000001212004449     可以知道,HPC的启动方式如果不指定--mcaplm_rsh_agent方式启动,那么默认的启动方式为ssh方式启动MPI,但是实际操作后发现不可行,报错:s......
  • java Object转String的4种实现方式
    1.情景展示在实际开发过程中,经常会遇到将Object类型强转成String类型。Object转String一共有几种实现方式?2.具体分析共有三种实现方式。3.解决方案以Map<String,Object>进行举例说明。Map<String,Object>map=newHashMap<>(3);map.put("k1","v1");map.put("k2",......
  • 单例模式——继承使用方式
    namespaceFeng.FramWorkDesign{publicclassSingleton<T>whereT:Singleton<T>{privatestaticTmInstance;publicstaticTMInstance{get{if(mInstance==null)......