当前位置：首页 > news >正文

结构伪类选择器

news 2025/11/12 5:37:52

伪类选择器：用来描述一个元素的特殊状态！比如第一个元素、某个元素的子元素、鼠标点击的元素

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…...

编程日记 2023/10/27 17:41:56

java-- 静态数组

1.静态初始化数组定义数组的时候直接给数组赋值。 2.静态初始化数组的格式： 注意： 1."数据类型[] 数组名"也可以写成"数据类型数组名[]"。 2.什么类型的数组只能存放什么类型的数据 3.数组在计算机中的基本原理当计算机遇到…...

编程日记 2023/10/27 17:40:55

世界经济论坛：ChatGPT等生成式AI，对全球23%岗位产生巨大影响

世界经济论坛与全球最大上市咨询公司之一埃森哲合作，联合发布了《未来工作：大语言模型与就业》白皮书。世界经济论坛表示，随着ChatGPT、Midjourney、Github Copilot等生成式AI的飞速发展，对全球经济和劳动市场产生巨大影响。未来…...

编程日记 2023/10/27 17:39:54

myTracks for Mac：GPS轨迹记录器的强大与便捷

你是否曾经在户外活动或旅行中，希望能够记录下你的移动轨迹？或者在工作中，需要跟踪你的行程路线？myTracks for Mac 是一款强大的 GPS 轨迹记录器，它可以帮助你实现这些愿望。 myTracks 是一款专门为 Mac 设计的 GPS 轨…...

编程日记 2023/10/27 17:37:52

Macos视频增强修复工具：Topaz Video AI for mac

Topaz Video AI是一款使用人工智能技术对视频进行增强和修复的软件。它可以自动降噪、去除锐化、减少压缩失真、提高清晰度等等。Topaz Video AI可以处理各种类型的视频，包括低分辨率视频、老旧影片、手机录制的视频等等。使用Topaz Video AI非常简单，…...

编程日记 2023/10/27 17:36:50

如何在IDEA中配置指定JDK版本？轻松解决！！！

有时候我们在导入项目，如果手动在IDEA中指定jdk版本，往往启动项目会报错误。因此当我们新引入项目启动不了时可以检查一下自己IDEA中的jdk版本是否正确。下面以配置jdk版本为11显示步骤： 1、配置 Project Structure 1.1、通过快捷键&qu…...

编程日记 2023/10/27 17:35:50

思维导图软件 ConceptDraw MINDMAP mac中文特色介绍

ConceptDraw MINDMAP mac是一款思维导图绘制软件，它可以帮助用户快速创建各种类型的思维导图，如组织结构图、流程图、概念图和UML图等。该软件具有直观的界面和简单易用的操作方式，使得用户能够轻松地创建复杂的思维导图。此外，它…...

编程日记 2023/10/27 17:34:49

PDF编辑工具Acrobat Pro DC 2023中文

Acrobat Pro DC 2023是一款全面、高效的PDF编辑和管理软件。它提供了丰富的PDF编辑功能，如创建、编辑、合并、分割、压缩、旋转、裁剪等，让用户可以轻松处理各种PDF文档。同时，该软件还具有智能的PDF处理技术，可以自动识别和修复P…...

编程日记 2023/10/27 17:33:47

如何开通 Medium会员

1 开通 WildCard 卡首先你需要一张可以支付的外国卡选择开通 WildCard 卡，优点： 1 无需上传身份证件，支付宝认证即可 2 可以使用国内手机号注册 3 可以使用支付宝、微信充值开通地址： https://bewildcard.com/card 一步一步…...

编程日记 2023/10/27 17:31:46

CDN是如何一步步壮大到现在这样的

当我们浏览网页、观看在线视频或下载文件时，CDN（内容分发网络）已经成为网络世界中不可或缺的一部分。本文将探讨CDN的发展历程，其工作原理，以及它如何利用不同地区来提供更快速、可靠的内容交付服务。 CDN的发展历程过…...

编程日记 2023/10/27 17:30:45

【Java】电子病历编辑器源码（云端SaaS服务）

电子病历编辑器极具灵活性，它既可嵌入到医院HIS系统中，作为内置编辑工具供多个模块使用，也可以独立拿出来，与第三方业务厂商展开合作，为他们提供病历书写功能，充分发挥编辑器的功能。电子病历基于云端SaaS…...

编程日记 2023/10/27 17:28:43

解决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 .…...

编程日记 2023/10/27 17:27:42

【Linux】rpm和yum的使用

不知道是不是有和我一样的宝子们，在rpm上卡了老久老久，但其实搞通了，理解了原理之后，不难的，所以不管你现在遇到的困难是什么，都不要放弃，一定要坚持，加油。一、rpm 1.rpm rpm的…...

编程日记 2023/10/27 17:25:40

贪心算法学习——最大数

目录编辑一，题目二，题目接口三，解题思路级代码一，题目给定一组非负整数 nums，重新排列每个数的顺序（每个数不可拆分）使之组成一个最大的整数。注意：输出结果可能非常大…...

编程日记 2023/10/27 17:24:39

准备环境: 云服务器 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…...

编程日记 2023/10/27 17:23:37

CG Magic分享3dmax软件安装与打开文件转圈圈怎么办？

大家使用3dmax软件时，尤其，是初学者无论是安装3dmax软件还是打开max文件时，会遇到一类问题： 3dmax一直转圈不动？ 3dmax总是转圈怎么办大家遇到3dmax一直转圈圈是如何解决的呢？小编这里整理了一些3dmax软…...

编程日记 2023/10/27 17:22:36

京东（天猫）数据分析：2023下半年茶饮料市场高速增长，东方树叶一骑绝尘

当前在食品饮料行业中，整体的增长放缓，且各个细分品类上都已经充分竞争。但茶饮料市场例外，近两年呈现高增长的态势，一来取决于行业头部企业也在积极推动茶饮料不断升级，另外是主打更健康、更时尚的茶饮料深受年轻消费…...

编程日记 2023/10/27 17:20:35

软件测试之【单元测试、系统测试、集成测试】

一、单元测试的概念单元测试（Unit Testing）是对软件基本组成单元进行的测试，如函数（function或procedure）或一个类的方法（method）。当然这里的基本单元不仅仅指的是一个函数或者方法&#xff…...

编程日记 2023/10/27 17:19:34

安装 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…...

编程日记 2023/10/27 17:18:32

OJ刷题第十八篇（递归篇）

34101 - 全排列问题（目前遇到最难的一个递归） 时间限制 : 1 秒内存限制 : 128 MB 输出自然数 1 到 n 所有不重复的排列，即 n 的全排列，要求所产生的任一数字序列中不允许出现重复的数字。输入 n(1≤n≤9) 输出由 1&#xf…...

编程日记 2023/10/27 17:17:31

wordpress后台更新后前端没变化的解决方法

使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...

编程新知 2025/11/11 3:03:56

国防科技大学计算机基础课程笔记02信息编码

1.机内码和国标码国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制，因此这个了16进制的数据既可以翻译成为这个机器码，也可以翻译成为这个国标码，所以这个时候很容易会出现这个歧义的情况； 因此，我们的这个国…...

编程新知 2025/11/11 5:23:54

【JavaEE】-- HTTP

1. HTTP是什么？ HTTP（全称为"超文本传输协议"）是一种应用非常广泛的应用层协议，HTTP是基于TCP协议的一种应用层协议。应用层协议：是计算机网络协议栈中最高层的协议，它定义了运行在不同主机上…...

编程新知 2025/11/7 20:25:41

【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密

在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...

编程新知 2025/10/30 6:37:10