CSS中常用的伪类选择器
一 、伪类（不存在的类，特殊的类）
-伪类用来描述一个元素的特殊状态
比如：第一个元素，被点击的元素，鼠标移入的元素···
-特点：一般请情况下，使用：开头
1、 :first-child 第一个子元素
2、 :last-child 最后一个子元素
3、 :nth-child() 选中第n个子元素
特殊值： n 所有的
2n或even 选中偶数
2n+1或odd 选中奇数
—以上这些伪类都是根据所有的子元素进行排序
1、:first-of-type
2、:last-of-type
3、:nth-of-type()
功能跟上面相似，
—不同的是，这是在同类型的子元素中去选择
二、:not() 否定伪类
-将符合条件的元素从选择器中去除
以下为代码演示
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style>/*去掉项目符号*/ul {list-style: none;}/* 需求一：将ul里的第一个li自动一直设置为红色 *//* ul>li:first-child{color:red} *//* ul>li:last-child{color:blue} *//* ul>li:not(:nth-child(3)){color: green;} *//* ul>li:not(:nth-of-type(3)){color: green;} *//* li:nth-child(1) {color: pink;} *//* li:nth-of-type(1){background-color: red;} */li:not(:first-of-type){font-size: 50px;}</style></head><body><h1>沁园春·雪</h1><h3>毛泽东</h3><ul><span>测试</span><p>北国风光，千里冰封，万里雪飘。</p><li>望长城内外，惟余莽莽；大河上下，顿失滔滔。</li><li>山舞银蛇，原驰蜡象，欲与天公试比高。</li><li>须晴日，看红装素裹，分外妖娆。</li><li>江山如此多娇，引无数英雄竞折腰。</li><li>惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。</li><li>一代天骄，成吉思汗，只识弯弓射大雕。</li></ul></body>
</html>相关文章：
CSS中常用的伪类选择器
一 、伪类（不存在的类，特殊的类） -伪类用来描述一个元素的特殊状态 比如：第一个元素，被点击的元素，鼠标移入的元素 -特点：一般请情况下，使用：开头 1、 :first-child …...
【python学习】中级篇-数据库操作：SQLite
SQLite是一个轻量级的数据库引擎，它可以嵌入到各种应用程序中。以下是SQLite的基本用法： 创建数据库文件 import sqlite3# 连接到一个不存在的数据库文件，如果文件不存在，将会自动创建一个新的数据库文件 conn sqlite3.connect…...
汇编-PROTO声明过程
64位汇编 64 模式中，PROTO 伪指令指定程序的外部过程，示例如下： ExitProcess PROTO ;指定外部过程，不需要参数.code main PROCmov ebx, 0FFFFFFFFh mov ecx,0 ;结束程序call ExitProcess ;调用外部过程main ENDP END 32位…...
MYSQL事务操作
...
自动化测试——自动卸载软件
📢专注于分享软件测试干货内容，欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！📢交流讨论：欢迎加入我们一起学习！📢资源分享：耗时200小时精选的「软件测试」资…...
Linux - 系统调用（syscall）
说明 基于riscv64 soc linux_5.10.4平台，通过新增一个系统调用深入了解下系统调用实现原理。 简介 Linux 软件运行环境分为用户空间和内核空间，默认情况下，用户进程无法访问内核，既不能访问内核所在的内存空间，也不…...
c语言-冒泡排序
冒泡排序原理： 冒泡排序是一种简单直观的排序算法，它重复地遍历待排序的元素序列，比较相邻的两个元素，如果它们的顺序不符合要求（例如升序要求前面的元素小于后面的元素），则交换它们的位置。遍历…...
Mysql面经
Select语句的执行顺序 1、from 子句组装来自不同数据源的数据； 2、where 子句基于指定的条件对记录行进行筛选； 3、group by 子句将数据划分为多个分组； 4、使用聚集函数进行计算；AVG() SUM() MAX() MIN() COUNT() 5、使用 havin…...
1panel可视化Docker面板安装与使用
官网地址1Panel - 现代化、开源的 Linux 服务器运维管理面板 文章目录 目录 文章目录 前言 一、环境准备 二、使用步骤 1.安装命令 2.一些命令 3.使用 总结 前言 一、环境准备 虚拟机centos 已经安装好docker和 Docker Compose 或者都没安装 1panel会帮你自动安装 二、使用…...
es6中的import导入模块 和 export导出模块
es6中的import导入模块 和 export导出模块 一、定义二、使用1.默认导出导入2..命名导出导入3.命名导出（Named Export）与默认导出（Default Export）结合使用 三、总结 一、定义 功能：用于导入和导出模块的内容。 静态加载…...
)
WordPress插件开发教程手册 — 钩子(Hooks)
钩子是用一段代码添加/修改另外一段代码的方式，是 WordPress插件和主题与 WordPress 内核交互的基础，钩子在 WordPress 内核中也被广泛使用。WordPress 中有两种钩子，Action 和 Filter。使用钩子时，我们需要先编写一个自定义函数作…...
Python开发运维：Celery连接Redis
目录 一、理论 1.Celery 二、实验 1.Windows11安装Redis 2.Python3.8环境中配置Celery 3.celery的多目录结构异步执行 4.celery简单结构下的定时任务 三、问题 1.Celery命令报错 2.执行Celery命令报错 3.Win11启动Celery报ValueErro错误 4.Pycharm 无法 import 同目…...
JSP：JDBC
JDBC（Java Data Base Connectivity的缩写）是Java程序操作数据库的API，也是Java程序与数据库相交互的一门技术。 JDBC是Java操作数据库的规范，由一组用Java语言编写的类和接口组成，它对数据库的操作提供基本方法&#…...
能否在一台电脑上安全地登录多个Facebook账号？
Facebook是一个流量大、用户多的平台，许多人可能需要在一台设备上管理多个Facebook账号，无论是出于个人或职业需求，都能带来极大地便利。然而，保持每个账号的安全性和隐私性却是一个挑战。本文将介绍如何在一台电脑上安全地登录多…...
Banana Pi [BPi-R3-Mini] 回顾和主线 ImmortalWrt 固件支持
BananaPi BPi-R3 Mini 采用 MediaTek 830（4 个 A53，最高 2.0 GHz），具有 2 个 2.5 GbE、AX4200 2.4G/5G 无线和 USB 2.0 端口。它还具有两个 M.2 连接器，可用于 NVMe SSD 和 5G 模块（板上包含 Nano SIM 插槽…...
2001-2022年上市公-供应链话语权测算数据（原始数据+处理代码Stata do文档+结果）
2001-2022年上市公-供应链话语权测算数据（原始数据处理代码Stata do文档结果） 1、时间：2001-2022年 2、指标：企业代码、股票代码、年份、股票简称、上市公司前五大供应商的采购额之和占企业当年总采购额的比例、上市公司前五大客…...
如何通过ShardingJDBC进行读写分离
背景信息： 面对日益增加的系统访问量，数据库的吞吐量面临着巨大瓶颈。 对于同一时刻有大量并发读操作和较少写操作类型的应用系统来说，将数据库拆分为主库和从库。其中主库负责处理事务性的增删改操作，从库负责处理查询操作&#…...
【uniapp】部分图标点击事件无反应
比如：点击这个图标在h5都正常，在小程序上无反应 css：也设置z-index，padding 页面上也试过click.native.stop.prevent"changePassword()" 时而可以时而不行， 最后发现是手机里输入键盘的原因，输…...
前端vue导出PPT，使用pptxgen.js
前言 公司新需求需要导出ppt给业务用，查阅资料后发现也挺简单的，记录一下。 如有不懂的可以留言！！！ 1.安装包 npm install pptxgenjs --save2.引入包 在需要使用的文件中引入 import Pptxgenfrom "pptxgenjs&…...
JSP过滤器和监听器
什么是过滤器 Servlet过滤器与Servlet十分相似，但它具有拦截客户端（浏览器）请求的功能，Servlet过滤器可以改变请求中的内容，来满足实际开发中的需要。 对于程序开发人员而言，过滤器实质就是在Web应用服务…...
cvpr2025:基于大模型与小模型协同的多模态医学诊断方法
Multi-modal Medical Diagnosis via Large-small Model Collaboration...
保姆级教程：用SuperPoint官方PyTorch预训练模型快速实现图片特征点匹配（附完整代码）
SuperPoint实战：5分钟快速实现高精度图像特征匹配（附完整代码解析） 在计算机视觉领域，特征点检测与匹配一直是基础而关键的环节。无论是三维重建、视觉定位还是图像拼接，都离不开稳定可靠的特征匹配技术。今天我们要介…...
Godot逆向工程工具GDSDecomp：游戏资源解构与重构的深度解析
Godot逆向工程工具GDSDecomp：游戏资源解构与重构的深度解析 【免费下载链接】gdsdecomp Godot reverse engineering tools 项目地址: https://gitcode.com/GitHub_Trending/gd/gdsdecomp 在游戏开发与维护的生命周期中，资源包的管理与逆向分析一直…...
U-Boot实战：从源码到启动的嵌入式系统引导全解析
1. U-Boot基础概念与工作原理 第一次接触U-Boot时，我被这个"嵌入式系统的开关"搞得一头雾水。后来在调试i.MX6ULL开发板时才发现，理解U-Boot的工作原理对后续开发至关重要。简单来说，U-Boot就像PC机的BIOS，但比BIOS更开…...
Elasticsearch 极速查询：通过ID精准检索文档（最全语法+流程图+避坑指南）
Elasticsearch 极速查询：通过ID精准检索文档（最全语法流程图避坑指南）一、前言二、根据ID检索文档：核心原理与流程图2.1 核心原理2.2 检索流程图2.3 核心优势三、根据ID检索文档：标准语法（必掌握࿰…...
Type-C vs DP vs HDMI：如何为你的设备选择最佳接口（附2023最新对比表）
Type-C vs DP vs HDMI：2023年设备接口选择终极指南 每次站在电子商城琳琅满目的线材区，你是否也曾对着Type-C、DP、HDMI这些接口标志感到困惑？2023年，随着8K显示器和240Hz高刷设备的普及，接口选择比以往任何时候都更加…...
GME-Qwen2-VL-2B-Instruct精彩案例：广告素材与文案匹配度智能评分实践
GME-Qwen2-VL-2B-Instruct精彩案例：广告素材与文案匹配度智能评分实践 1. 项目背景与价值 在数字营销时代，广告素材与文案的匹配度直接影响转化效果。传统的人工审核方式效率低下，且主观性强，难以保证一致性。GME-Qwen2-VL-2B-I…...
别再为Faster R-CNN环境配置头疼了！PyTorch 1.0+版本保姆级避坑指南（附VOC2007数据集处理）
Faster R-CNN实战：PyTorch 1.0环境配置与VOC数据集处理全攻略 深度学习领域的目标检测技术日新月异，Faster R-CNN作为经典的两阶段检测算法，至今仍在工业界和学术界广泛应用。然而对于初学者而言，从环境配置到数据集处理的每一步…...
LiveAutoRecord：终极跨平台直播录制解决方案，轻松实现多平台直播自动录制
LiveAutoRecord：终极跨平台直播录制解决方案，轻松实现多平台直播自动录制 【免费下载链接】LiveAutoRecord 基于 Electron 的多平台直播自动录制软件 项目地址: https://gitcode.com/GitHub_Trending/li/LiveAutoRecord 你是否曾因为错过心爱主播…...
FairyGUI按钮动效实战：从点击缩放+音效到复杂转场，一个完整项目案例拆解
FairyGUI按钮动效实战：从点击反馈到复杂转场的全流程解决方案 在游戏界面开发中，按钮动效不仅仅是装饰，更是用户体验的关键组成部分。一个精心设计的按钮动效能够显著提升用户的操作反馈感，而流畅的界面转场则能增强应用的沉浸感…...