结构伪类选择器
伪类选择器：用来描述一个元素的特殊状态！比如第一个元素、某个元素的子元素、鼠标点击的元素
1 first-child/last-child
/*ul的第一个子元素*/
ul li:first-child{
background: #0f35ad;
}
/*ul的最后一个子元素*/
ul li:last-child{
background: #0f35ad;
}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/*ul的第一个子元素*/ul li:first-child{background: #0f35ad;}/*ul的最后一个子元素*/ul li:last-child{background: #0f35ad;}</style>
</head>
<body>
<h1>h1</h1>
<p>p1</p>
<p>p2</p>
<p>p1</p>
<ul><li>l1</li><li>l2</li><li>l3</li>
</ul>
</body>
</html>浏览器翻译如下：
2 nth-child()
/*定位到父元素，选择当前的第一个元素，选择当前p元素的父级元素，选中父元素的第一个，并且是当前元素才有效*/
p:nth-child(1){
background: #0f35ad;
}
注意：如果第一个不是当前元素无效
浏览器翻译如下：
3 nth-of-type()
浏览器翻译如下：
相关文章：
结构伪类选择器
伪类选择器：用来描述一个元素的特殊状态！比如第一个元素、某个元素的子元素、鼠标点击的元素 1 first-child/last-child /*ul的第一个子元素*/ ul li:first-child{ background: #0f35ad; } /*ul的最后一个子元素*/ ul li:last-child{ background: #0f3…...
java-- 静态数组
1.静态初始化数组 定义数组的时候直接给数组赋值。 2.静态初始化数组的格式： 注意： 1."数据类型[] 数组名"也可以写成"数据类型 数组名[]"。 2.什么类型的数组只能存放什么类型的数据 3.数组在计算机中的基本原理 当计算机遇到…...
世界经济论坛：ChatGPT等生成式AI，对全球23%岗位产生巨大影响
世界经济论坛与全球最大上市咨询公司之一埃森哲合作，联合发布了《未来工作：大语言模型与就业》白皮书。 世界经济论坛表示，随着ChatGPT、Midjourney、Github Copilot等生成式AI的飞速发展，对全球经济和劳动市场产生巨大影响。未来…...
myTracks for Mac：GPS轨迹记录器的强大与便捷
你是否曾经在户外活动或旅行中，希望能够记录下你的移动轨迹？或者在工作中，需要跟踪你的行程路线？myTracks for Mac 是一款强大的 GPS 轨迹记录器，它可以帮助你实现这些愿望。 myTracks 是一款专门为 Mac 设计的 GPS 轨…...
Macos视频增强修复工具：Topaz Video AI for mac
Topaz Video AI是一款使用人工智能技术对视频进行增强和修复的软件。它可以自动降噪、去除锐化、减少压缩失真、提高清晰度等等。Topaz Video AI可以处理各种类型的视频，包括低分辨率视频、老旧影片、手机录制的视频等等。 使用Topaz Video AI非常简单，…...
如何在IDEA中配置指定JDK版本？轻松解决！！！
有时候我们在导入项目，如果手动在IDEA中指定jdk版本，往往启动项目会报错误。 因此当我们新引入项目启动不了时可以检查一下自己IDEA中的jdk版本是否正确。 下面以配置jdk版本为11显示步骤： 1、配置 Project Structure 1.1、通过快捷键&qu…...
思维导图软件 ConceptDraw MINDMAP mac中文特色介绍
ConceptDraw MINDMAP mac是一款思维导图绘制软件，它可以帮助用户快速创建各种类型的思维导图，如组织结构图、流程图、概念图和UML图等。该软件具有直观的界面和简单易用的操作方式，使得用户能够轻松地创建复杂的思维导图。此外，它…...
PDF编辑工具Acrobat Pro DC 2023中文
Acrobat Pro DC 2023是一款全面、高效的PDF编辑和管理软件。它提供了丰富的PDF编辑功能，如创建、编辑、合并、分割、压缩、旋转、裁剪等，让用户可以轻松处理各种PDF文档。同时，该软件还具有智能的PDF处理技术，可以自动识别和修复P…...
如何开通 Medium会员
1 开通 WildCard 卡 首先你需要一张可以支付的外国卡 选择开通 WildCard 卡，优点： 1 无需上传身份证件，支付宝认证即可 2 可以使用国内手机号注册 3 可以使用支付宝、微信充值 开通地址： https://bewildcard.com/card 一步一步…...
CDN是如何一步步壮大到现在这样的
当我们浏览网页、观看在线视频或下载文件时，CDN（内容分发网络）已经成为网络世界中不可或缺的一部分。本文将探讨CDN的发展历程，其工作原理，以及它如何利用不同地区来提供更快速、可靠的内容交付服务。 CDN的发展历程 过…...
【Java】电子病历编辑器源码（云端SaaS服务）
电子病历编辑器极具灵活性，它既可嵌入到医院HIS系统中，作为内置编辑工具供多个模块使用，也可以独立拿出来，与第三方业务厂商展开合作，为他们提供病历书写功能，充分发挥编辑器的功能。 电子病历基于云端SaaS…...
解决netty作为web，post请求体过大导致413 Request Entity Too Largew问题
问题 项目中使用netty作为web服务，postman请求体内容超出5mb请求netty时，返回413 Request Entity Too Large 解决 查询了一下资料：https://netty.io/4.0/api/io/netty/handler/codec/http/HttpObjectAggregator.html ChannelPipeline p .…...
【Linux】rpm和yum的使用
不知道是不是有和我一样的宝子们，在rpm上卡了老久老久，但其实搞通了，理解了原理之后，不难的，所以不管你现在遇到的困难是什么，都不要放弃，一定要坚持，加油。 一、rpm 1.rpm rpm的…...
贪心算法学习——最大数
目录 编辑 一，题目 二，题目接口 三，解题思路级代码 一，题目 给定一组非负整数 nums，重新排列每个数的顺序（每个数不可拆分）使之组成一个最大的整数。 注意：输出结果可能非常大…...
next项目部署到云服务器上(手动)
准备环境: 云服务器 ECS,服务器安装好了docker 自己的next项目 开始: 1.在next项目根目录下创建Dockerfile文件 FROM node:18-alpine AS base# Install dependencies only when needed FROM base AS deps # Check https://github.com/nodejs/docker-node/tree/b4117f9333d…...
CG Magic分享3dmax软件安装与打开文件转圈圈怎么办？
大家使用3dmax软件时，尤其，是初学者无论是安装3dmax软件还是打开max文件时，会遇到一类问题： 3dmax一直转圈不动？ 3dmax总是转圈怎么办 大家遇到3dmax一直转圈圈是如何解决的呢？小编这里整理了一些3dmax软…...
京东（天猫）数据分析：2023下半年茶饮料市场高速增长，东方树叶一骑绝尘
当前在食品饮料行业中，整体的增长放缓，且各个细分品类上都已经充分竞争。但茶饮料市场例外，近两年呈现高增长的态势，一来取决于行业头部企业也在积极推动茶饮料不断升级，另外是主打更健康、更时尚的茶饮料深受年轻消费…...
软件测试之【单元测试、系统测试、集成测试】
一、单元测试的概念 单元测试（Unit Testing）是对软件基本组成单元进行的测试，如函数（function或procedure）或一个类的方法（method）。当然这里的基本单元不仅仅指的是一个函数或者方法ÿ…...
安装 tensorflow==1.15.2 遇见的问题
一、直接安装 命令：pip install tensorflow1.15.2 二、换 阿里云 镜像源 命令：pip install -i http://mirrors.aliyun.com/pypi/simple tensorflow1.15.2 三、换 豆瓣 镜像源 命令：pip install http://pypi.douban.com/simple tensorflow1…...
OJ刷题 第十八篇（递归篇）
34101 - 全排列问题（目前遇到最难的一个递归） 时间限制 : 1 秒 内存限制 : 128 MB 输出自然数 1 到 n 所有不重复的排列，即 n 的全排列，要求所产生的任一数字序列中不允许出现重复的数字。 输入 n(1≤n≤9) 输出 由 1…...
8k长序列建模，蛋白质语言模型Prot42仅利用目标蛋白序列即可生成高亲和力结合剂
蛋白质结合剂（如抗体、抑制肽）在疾病诊断、成像分析及靶向药物递送等关键场景中发挥着不可替代的作用。传统上，高特异性蛋白质结合剂的开发高度依赖噬菌体展示、定向进化等实验技术，但这类方法普遍面临资源消耗巨大、研发周期冗长…...
【C语言练习】080. 使用C语言实现简单的数据库操作
080. 使用C语言实现简单的数据库操作 080. 使用C语言实现简单的数据库操作使用原生APIODBC接口第三方库ORM框架文件模拟1. 安装SQLite2. 示例代码：使用SQLite创建数据库、表和插入数据3. 编译和运行4. 示例运行输出：5. 注意事项6. 总结080. 使用C语言实现简单的数据库操作 在…...
MySQL中【正则表达式】用法
MySQL 中正则表达式通过 REGEXP 或 RLIKE 操作符实现（两者等价），用于在 WHERE 子句中进行复杂的字符串模式匹配。以下是核心用法和示例： 一、基础语法 SELECT column_name FROM table_name WHERE column_name REGEXP pattern; …...
06 Deep learning神经网络编程基础 激活函数 --吴恩达
深度学习激活函数详解 一、核心作用 引入非线性：使神经网络可学习复杂模式控制输出范围：如Sigmoid将输出限制在(0,1)梯度传递：影响反向传播的稳定性二、常见类型及数学表达 Sigmoid σ ( x ) = 1 1 +...
人机融合智能 | “人智交互”跨学科新领域
本文系统地提出基于“以人为中心AI(HCAI)”理念的人-人工智能交互(人智交互)这一跨学科新领域及框架,定义人智交互领域的理念、基本理论和关键问题、方法、开发流程和参与团队等,阐述提出人智交互新领域的意义。然后,提出人智交互研究的三种新范式取向以及它们的意义。最后,总结…...
七、数据库的完整性
七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...
MySQL 知识小结（一）
一、my.cnf配置详解 我们知道安装MySQL有两种方式来安装咱们的MySQL数据库，分别是二进制安装编译数据库或者使用三方yum来进行安装,第三方yum的安装相对于二进制压缩包的安装更快捷，但是文件存放起来数据比较冗余，用二进制能够更好管理咱们M…...
GO协程(Goroutine)问题总结
在使用Go语言来编写代码时，遇到的一些问题总结一下 [参考文档]：https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现： 今天在看到这个教程的时候，在自己的电…...
Qt的学习(一)
1.什么是Qt Qt特指用来进行桌面应用开发（电脑上写的程序）涉及到的一套技术Qt无法开发网页前端，也不能开发移动应用。 客户端开发的重要任务：编写和用户交互的界面。一般来说和用户交互的界面，有两种典型风格&…...
基于开源AI智能名片链动2 + 1模式S2B2C商城小程序的沉浸式体验营销研究
摘要：在消费市场竞争日益激烈的当下，传统体验营销方式存在诸多局限。本文聚焦开源AI智能名片链动2 1模式S2B2C商城小程序，探讨其在沉浸式体验营销中的应用。通过对比传统品鉴、工厂参观等初级体验方式，分析沉浸式体验的优势与价值…...