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

选择器css

news 来源：原创 2025/6/18 9:26:22

1.a标签选择

// 选中所具有herf 的元素
[herf] {color: skyblue;
}
// 选中所具有herf=https://fanyi.youdao.com/ 的元素
[herf$="youdao.com"] {color:pink;
}
//   按此顺序书写 link  visited  hover  active
// 未访问状态
a:link {color:orange
}
// 访问状态
a:visited {color:pink
}
// 鼠标按下时状态
a:active {color:red
}

  <span>皮囊</span>

span::before{content: "<<";color: red;
}
span::after{content: ">>";color: red;
}

效果
在这里插入图片描述
2.相邻的兄弟元素选择器

 <ul><li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum quis cum, quam tempore harum officiis, facere eveniet necessitatibus quas libero aspernatur at exercitationem assumenda quia distinctio similique adipisci hic explicabo.</li><li>Vero necessitatibus, ipsum illo esse explicabo totam consectetur odio sit repudiandae a perspiciatis ab saepe hic ducimus voluptatem. Quos molestias mollitia iure deserunt pariatur? Quos, voluptas possimus! Dolore, perspiciatis laborum?</li><li>Libero, quasi temporibus! Sapiente, dolorem perspiciatis explicabo iusto sed natus a eius sequi corporis! Pariatur sit laborum atque quasi unde eligendi incidunt, exercitationem asperiores tempora consequuntur quod voluptatem quis aliquid?</li><li class="special">Rerum eum dignissimos eos nobis eaque error placeat tempora aperiam. Harum architecto soluta rerum ut veniam earum officiis suscipit ad quia aspernatur. Nihil sunt aliquam, optio accusamus quos deleniti exercitationem.</li><li>Natus, consequatur at fugit sed vero iusto sapiente odio deserunt dolor placeat dicta aliquam accusantium illo mollitia et perferendis totam, minus ullam magni ex dolorum. Neque consequuntur consectetur fugiat reprehenderit.</li><li>Nesciunt vel cumque non omnis molestias, est deleniti officia! At, numquam! Quasi ipsum molestias totam. Porro eos, sed deserunt, quos ipsam ad iste vel blanditiis praesentium vero pariatur enim ipsum.</li><li>Vitae aliquid necessitatibus velit ipsam tenetur expedita harum. Eveniet aliquam saepe inventore, obcaecati ex iure, et similique magnam odio quia nam perferendis, itaque quaerat neque qui excepturi nulla. Quod, eius.</li></ul>

.special{color: aquamarine;
}
// 相邻的兄弟元素
.special+li {color: pink;
}
//所有兄弟选择器
// .special~li {
//   color: olivedrab;// }

效果
在这里插入图片描述

选择器css

1.a标签选择 // 选中所具有herf 的元素 [herf] {color: skyblue; } // 选中所具有herfhttps://fanyi.youdao.com/ 的元素 [herf$"youdao.com"] {color:pink; } // 按此顺序书写 link visited hover active // 未访问状态 a:link {color:orange } // 访问状态 a…...

编程日记 2025/5/28 23:00:45

9.4 visualStudio 2022 配置 cuda 和 torch (c++)

一、配置torch 1.Libtorch下载该内容看了【Libtorch 一】libtorchwin10环境配置_vsixtorch-CSDN博客的博客，作为笔记用。我自己搭建后可以正常运行。下载地址为windows系统下各种LibTorch下载地址_libtorch 百度云-CSDN博客下载解压后的目录为： 2.vs…...

编程日记 2025/6/2 10:33:51

ASP.NET Core 实现微服务 -- Polly 服务降级熔断

在我们实施微服务之后，服务间的调用变的异常频繁。多个服务之间可能是互相依赖的关系。某个服务出现故障或者是服务间的网络出现故障都会造成服务调用的失败，进而影响到某个业务服务处理失败。某一个服务调用失败轻则造成当前相关业务无法处理&#xff1…...

编程日记 2025/6/4 14:29:59

2_CSS3 背景 --[CSS3 进阶之路]

CSS3 中的背景属性提供了许多强大的功能来增强网页设计，包括但不限于多背景图像、渐变、背景大小控制等。以下是一些关键的 CSS3 背景属性及其用法示例。 1. 多重背景图像 CSS3 允许你为一个元素设置多个背景图像。这些图像按照它们在 background-image 属性中定义…...

编程日记 2025/6/2 10:36:46

于交错的路径间：分支结构与逻辑判断的思维协奏

大家好啊，我是小象٩(๑ω๑)۶ 我的博客：Xiao Xiangζั͡ޓއއ 很高兴见到大家，希望能够和大家一起交流学习，共同进步。* 这一节内容很多，文章字数达到了史无前例的一万一，我们要来学习分支与循环结构中…...

编程日记 2025/6/1 13:39:51

升级 CentOS 7.x 系统内核到 4.4 版本

问题描述在 CentOS 7.x 系统中，默认内核版本是 3.10.x，这个版本可能会带来一些与 Docker 和 Kubernetes 兼容性的问题，导致系统性能不稳定或功能异常。为了提高系统的稳定性和兼容性，建议升级到更高版本的内核，例如 …...

编程日记 2025/6/1 9:55:33

MySQL数据导出导入

一、数据导出 1.导出全库备份到本地的目录 mysqldump -u$USER -p$PASSWD -h127.0.0.1 -P3306 --routines--default-character-setutf8 --lock-all-tables --add-drop-database -A >db.all.sql 2.导出指定库到本地的目录(例如mysql库) mysqldump -u$USER -p$PASSWD -h127.…...

编程日记 2025/6/3 1:31:16

【机器学习:八、逻辑回归】

逻辑回归（Logistic Regression） 1. 逻辑回归的引出在现实世界中，许多问题都涉及到分类任务。例如： 判断一封邮件是否为垃圾邮件；预测某人是否会患某种疾病；确定图片中是否包含某种特定物体。这些问题…...

编程日记 2025/6/3 7:01:58

uniapp使用sm4加密

安装：npm install sm-crypto --save 1、在utils下新建crypto.js文件 // sm4 加密 export function encryption(params) {const SM4 require("sm-crypto").sm4const key 0123456789abcdeffedcba9876543212; // 提供的密钥const iv fedcba9876543210012…...

编程日记 2025/6/3 10:37:04

【STM32-学习笔记-1-】GPIO

文章目录 GPIOⅠ、GPIO函数Ⅱ、GPIO_InitTypeDef结构体参数①、GPIO_Mode②、GPIO_Pin③、GPIO_Speed GPIO Ⅰ、GPIO函数 // 将指定的GPIO端口寄存器重置为默认值 void GPIO_DeInit(GPIO_TypeDef* GPIOx);// 将GPIO的备用功能寄存器重置为默认值 void GPIO_AFIODeInit(void);…...

编程日记 2025/5/29 21:45:08

C#中的运算符和类--06

目录一.运算符 1.赋值运算符 2.算数运算符 3.关系运算符 4.逻辑运算符 5.位运算符 6.三元运算符 7.空合并运算符 8.其他运算符二.类 1.普通类 2.静态类 3.抽象类 4.密封类 5.部分类 6.泛型类 7.嵌套类 8.记录类 9.接口一.运算符 1.赋值运算符定义:赋值…...

编程日记 2025/6/2 1:59:29

【微服务】面试 2、服务雪崩

服务雪崩概念主要内容：在微服务项目中，微服务间存在远程调用。若某一服务（如服务 d）出现故障，调用它的服务（如服务 a）会失败。若调用方持续向故障服务发起请求，由于服务连接数有限且…...

编程日记 2025/5/29 9:00:39

“深入浅出”系列之QT：（6）如何在一个项目中调用另一个项目

在Qt中，如果想在一个项目中调用另一个项目，这通常意味着想要在一个CMake构建的项目中集成或依赖另一个CMake构建的项目。 1‌.子模块或子目录方式‌： 如果另一个项目可以作为一个子模块或子目录包含在当前项目中，可以使用add_sub…...

编程日记 2025/5/28 10:25:35

计算机网络—地址与子网（IPv4）相关知识总结

前言为了更加清楚的了解该相关知识，下面是发现的一些宝藏博主的博客。彻底搞懂网络地址、广播地址、主机地址、网关、子网掩码、网络号、主机号 - lipga - 博客园 IP地址（分类）、子网掩码、网络号、主机号、子网号_网络号,主机号,子网号…...

编程日记 2025/6/4 6:55:19

计算机网络（36）TCP可靠传输的实现

前言 TCP（传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议。TCP通过多种机制实现可靠传输，这些机制主要包括连接管理、序列号和确认应答机制、重传机制、流量控制、拥塞控制等。一、连接管理 TCP使用三次握手&#xff0…...

编程日记 2025/6/3 13:26:00

SQL从入门到实战-2

高级语句窗口函数排序窗口函数例题二十九 select yr,party,votes, rank() over (PARTITION BY yr ORDER BY votes desc) as pson from ge where constituency S14000021 order by party,yr 偏移分析函数例题三十 select name,date_format(whn,%Y-%m-%d) data, confi…...

编程日记 2025/6/2 16:42:49

基于python的网页表格数据下载--转excel

基于 Python 的网页表格数据爬取与下载：以维基百科为例目录基于 Python 的网页表格数据爬取与下载：以维基百科为例1. 背景介绍2. 工具与环境3. 操作步骤1. 获取网页内容2. 定位表格元素3. 表格变身 Pandas DataFrame4. 检查数据，收工！5. 进阶玩法与优化6. 完整代码4. 结果…...

编程日记 2025/6/3 3:44:53

用户界面的UML建模13

􀂄 Concrete Presentation Model 包中所包含的是，在Environment 包中与表示层框架模式中的《apm》类相对应的那些类。 8 结论本文使用了一个图书馆系统的案例，来论述了关于用户界面的建模。通过使用统一建模语言来对应用系统进行建模&…...

编程日记 2025/6/4 13:05:24

[Python学习日记-75] 计算机基础与网络

[Python学习日记-75] 计算机基础与网络简介计算机基础什么是网络编程计算机网络简介本篇主要介绍的计算机基础是浓缩的，这是因为我们主要学习的是 Python，而 Python 主要是为了开发应用程序的，并不会用它来开发操作系统和嵌入式程序…...

编程日记 2025/6/2 21:13:40

【机器学习:六、特征工程】

1. 特征工程背景意义在机器学习中，特征工程是模型成功的关键之一。无论算法多么先进，其性能都很大程度上依赖于输入数据的质量。特征工程是指对原始数据进行处理，以创建更适合算法的特征的过程。这一过程在以下方面具有重要意义&#xff1a…...

编程日记 2025/6/1 19:29:40

webpack打包要义

webpack基本 Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它的工作原理可以概括为以下几个核心步骤： 1. 入口起点（Entry） Webpack 从配置文件中指定的入口文件（Entry Point）开始，分析应用…...

编程日记 2025/6/3 8:14:34

Mybatis——Mybatis开发经验总结

摘要本文主要介绍了MyBatis框架的设计与通用性，阐述了其作为Java持久化框架的亮点，包括精良的架构设计、丰富的扩展点以及易用性和可靠性。同时，对比了常见持久层框架，分析了MyBatis在关系型数据库交互中的优势。此外&#xff0…...

编程日记 2025/6/1 20:51:38

013：深度学习之神经网络

本文为合集收录，欢迎查看合集/专栏链接进行全部合集的系统学习。合集完整版请参考这里。深度学习是机器学习中重要的一个学科分支，它的特点就在于需要构建多层且“深度”的神经网络。人们在探索人工智能初期，就曾设想构建一个用数学方式…...

编程日记 2025/6/3 20:55:59

Java 模板变量替换——字符串替换器（思路Mybatis的GenericTokenParser）

Java 模板变量替换——字符串替换器（思路Mybatis的GenericTokenParser） 思路字符串替换器思路模板变量替换无非是寻找出字符串（模板）中的特殊标记，用对应的变量进行字符串替换。提到变量替换，大家第一能…...

编程日记 2025/6/3 10:37:01

蓝桥杯备考：数据结构之栈和 stack

目录栈的概念以及栈的实现 STL 的stack 栈和stack的算法题栈的模板题栈的算法题之有效的括号验证栈序列后缀表达式括号匹配栈的概念以及栈的实现栈是一种只允许在一端进行插入和删除的线性表空栈：没有任何元素入栈：插入元素消息出…...

编程日记 2025/5/30 18:00:08

Lambda离线实时分治架构深度解析与实战

一、引言在大数据技术日新月异的今天，Lambda架构作为一种经典的数据处理模型，在应对大规模数据应用方面展现出了强大的能力。它整合了离线批处理和实时流处理，为需要同时处理批量和实时数据的应用场景提供了成熟的解决方案。本文将对Lambda…...

编程日记 2025/6/3 21:06:12

Vue.js组件开发，AI时代的前端新玩法

AI可不只是写写小说、聊聊天，现在它的触角已经伸到了程序员的代码世界里。特别是前端开发，很多人都在尝试用ChatGPT或者类似的AI工具来写代码，甚至直接生成Vue.js组件。有些人感叹，"写代码的时代是不是要结束了？&…...

编程日记 2025/6/4 11:23:59

标定 3

标定场景与对应的方式标定板标定主要应用场景：（1）无法获取到执行机构物理坐标值，比如相机固定，执行机构为传送带等（2）相机存在畸变等非线性标定情况，需要进行畸变校正（3）标定单像素精度（4）获取两个相机之间的坐标系关系标定板操作步骤：（1）确定好拍…...

编程日记 2025/6/1 0:12:18

电商项目-基于ElasticSearch实现商品搜索功能(三)

本系列文章主要介绍基于 Spring Data Elasticsearch 实现商品搜索的后端代码，介绍代码逻辑和代码实现。主要实现功能：根据搜索关键字查询、条件筛选、规格过滤、价格区间搜索、搜索查询分页、搜索查询排序、高亮查询。主要应用技术:canal，…...

编程日记 2025/6/1 20:56:23

【51单片机】03 蜂鸣器-播放音乐

蜂鸣器-播放音乐一、原理介绍1.硬件电路二、练习1.让蜂鸣器发声2.尝试演奏小星星一、原理介绍蜂鸣器分为有源蜂鸣器、无源蜂鸣器两种。有源蜂鸣器：施加合适的电压之后就会发出特定频率的声音无源蜂鸣器：需要提供特定频率的声音信号，才能…...

编程日记 2025/6/2 7:03:18

MySQL 架构

MySQL架构 MySQL8.0服务器是由连接池、服务管理⼯具和公共组件、NoSQL接⼝、SQL接⼝、解析器、优化器、缓存、存储引擎、⽂件系统组成。MySQL还为各种编程语⾔提供了⼀套⽤于外部程序访问服务器的连接器。整体架构图如下所⽰： MySQL Connectors：为使⽤…...

编程日记 2025/6/3 13:25:24

XML 解析器：深入解析与高效应用

XML 解析器：深入解析与高效应用引言 XML（可扩展标记语言）作为一种重要的数据交换格式，被广泛应用于各种系统和平台中。为了有效地处理和解析XML数据，XML解析器发挥着至关重要的作用。本文将深入探讨XML解析器的原理…...

编程日记 2025/5/30 21:14:39

LabVIEW设计 IIR 滤波器

这是一个设计 IIR 滤波器的 LabVIEW 程序框图，其功能主要是用于设计滤波器并计算其频率响应，但它并不直接对输入的波形进行实时滤波，而是提供一个滤波器的频率响应分析工具。以下是框图中各部分的详细解释： 1. 主要模块功能说明 …...

编程日记 2025/5/29 13:55:53

基于改进粒子群优化的无人机最优能耗路径规划

目录 1. Introduction2. Preliminaries2.1. Particle Swarm Optimization Algorithm2.2. Deep Deterministic Policy Gradient2.3. Calculation of the Total Output Power of the Quadcopter Battery 3.OptimalEnergyConsumptionPathPlanningBasedonPSO-DDPG3.1.ProblemModell…...

编程日记 2025/6/3 6:36:39

相关文章：