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

CSS选择器大全（上）

news 2026/5/14 13:07:34

基础选择器：

        id选择器：#id{}

        类选择器： .class{}

        标签选择器： h1{}

复合选择器：

  •         交集选择器：作用：选中同时符合多个条件的元素
    •                         语法：选择器1选择器2选择器3选择器n{}
      •                  注意：交集选择器中如果有元素选择器，必须使用元素选择器开头
  •         并集选择器：作用：同时选择多个选择器对应的元素
    •                       语法：选择器1，选择器2，选择器3，选择器n{}

关系选择器：

父元素：直接包含子元素的元素叫做父元素

子元素：直接被父元素包含的元素叫做子元素

祖先元素：直接或间接包含后代元素的元素叫做祖先元素

                 一个元素的父元素也是它的祖先元素

后代元素：直接或间接被祖先元素包含的元素叫做后代元素

                  子元素也是后代元素

兄弟元素：拥有相同父元素的元素是兄弟元素

  •         子元素选择器：作用：选中指定父元素的指定子元素

    •                           语法：父元素 > 子元素{}
  •         后代元素选择器：作用：选中指定元素内的指定后代元素
    • ​​​​​​​​​​​​​​                              语法：祖先 空格 后代
  •         兄弟元素选择器：作用1：选择相邻的下一个兄弟
    • ​​​​​​​​​​​​​​                              语法1：前一个元素  +  下一个元素
      • ​​​​​​​​​​​​​​                       作用2：选择后边所有的兄弟
        • ​​​​​​​​​​​​​​                语法2：前一个元素  ~  后边兄弟元素

相关文章：

CSS选择器大全（上）

基础选择器： id选择器：#id{} 类选择器： .class{} 标签选择器： h1{} 复合选择器： 交集选择器：作用：选中同时符合多个条件的元素 语法：选择器1选择器2选择器3选择器n{} 注意&#xff…...

编程日记 2023/3/2 7:20:52

JavaScript 俄罗斯方块 - setTimeout和rAF

本节内容需要有些基础知识,如进程和线程，队列数据结构 一、setTimeout和setInterval 只要使用过JavaScript的朋友，对setTimeout和setInterval应该不会默生，如果光说怎样去使用这个API，并不难，无非就是隔多少毫秒再执行某个函数，把变化的内容封装在函数中，就可以制作出动…...

编程日记 2023/3/2 7:19:35

LeetCode:构造最大二叉树；使用中序和后序数组构造二叉树；使用前序和中序数组遍历二叉树。

构造二叉树最好都是使用前序遍历；中左右的顺序。 654. 最大二叉树 中等 636 给定一个不重复的整数数组 nums 。 最大二叉树 可以用下面的算法从 nums 递归地构建: 创建一个根节点，其值为 nums 中的最大值。递归地在最大值 左边 的 子数组前缀上 构建…...

编程日记 2023/3/2 7:18:21

nodejs实现jwt

jwt是json web token的简称，本文介绍它的原理，最后后端用nodejs自己实现如何为客户端生成令牌token和校验token 1.为什么需要会话管理 我们用nodejs为前端或者其他服务提供resful接口时，http协议他是一个无状态的协议，有时候我们…...

编程日记 2023/3/2 7:16:44

结构体占用内存大小如何确定？--＞结构体字节对齐 | C语言

目录 一、什么是结构体 二、为什么需要结构体 三、结构体的字节对齐 3.1、示例1 3.2、示例2 3.3、示例3 3.4、示例4 3.5、示例5 四、结构体字节对齐总结 一、什么是结构体 结构体是将不同类型的数据按照一定的功能需 求进行整体封装，封装的数据类型与大小均…...

编程日记 2023/3/2 7:15:23

Vue和Uniapp：优缺点比较

Vue和Uniapp是两个流行的前端框架，都是用于开发跨平台应用程序的工具。虽然两者都有很多相似之处，但它们也有一些不同之处，这些不同之处可以影响你的选择。下面将对Vue和Uniapp的优缺点进行比较和分析，以帮助你做出更明智的决策。…...

编程日记 2023/3/2 7:13:59

AMBA-AXI（二）AXI的序，保序与乱序

💡Note：本文是根据AXI协议IHI0022F_b_amba_axi_protocol_spec.pdf（issue F）整理的。主要是分享AXI3.0和4.0部分。如果内容有问题请大家在评论区中指出，有补充或者疑问也可以发在评论区，互相学习&#x1f64…...

编程日记 2023/3/2 7:12:39

APIs and Open Interface--非工单领、发料（含调拨）

表名 MTL_TRANSACTIONS_INTERFACEMTL_TRANSACTION_LOTS_INTERFACE序列 MTL_MATERIAL_TRANSACTIONS_S.NEXTVALAPIs INV_TXN_MANAGER_PUB.PROCESS_TRANSACTIONS案例 杂发/杂收（代码）Declare v_user_id number : fnd_global.user_id; v_login_id number …...

编程日记 2023/3/2 7:11:19

互联网医院系统软件开发|互联网医院管理系统开发的好处

互联网医院一直是现在的热门行业，很多的医院已经开发了互联网医院，并且已经在良好的运行中，而有一些医院和企业正在开发中，或者打算开发互联网医院系统，其实这些企业和医院还是很有远见的，因为他们知道并了…...

编程日记 2023/3/2 7:09:43

2.单例模式

基本概念 单例模式：保证一个类只有一个实例，并提供一个访问该实例的全局访问点 常见应用场景 读取配置文件的类一般设计为单例模式网站计数器应用程序的日志应用，因为共享日志文件一直处于打开状态，只能有一个实例去操作Spring…...

编程日记 2023/3/2 7:08:23

【保姆级】Java后端查询数据库结果导出xlsx文件+打印xlsx表格

目录前言一、需求一：数据库查询的数据导出成Excel表格1.1 Vue前端实现导出按钮点击事件1.2 后端根据数据库查询结果生成xlsx文件二、需求二：对生成的xlsx文件调用打印机打印2.1 Vue前端实现按钮事件2.2 后端实现打印前言 最近在弄一个需求，需…...

编程日记 2023/3/2 7:07:02

Java数据库部分（MySQL+JDBC）（二、JDBC超详细学习笔记）

文章目录1 JDBC（Java Database Connectivity）1.1 什么是 JDBC？1.2 JDBC 核心思想2 JDBC开发步骤【重点】2.0 环境准备2.1 注册数据库驱动2.2 获取数据库的连接2.3 获取数据库操作对象Statement2.4 通过Statement对象执行SQL语句2.5 处理返回结…...

编程日记 2023/3/2 7:05:42

vue3生命周期

一、Vue3中的生命周期 1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、…...

编程日记 2023/3/2 7:04:14

Python学习笔记10：开箱即用

开箱即用 模块 python系统路径 import sys, pprint pprint.pprint(sys.path) [,D:\\Program Files\\Python\\Lib\\idlelib,D:\\Program Files\\Python\\python310.zip,D:\\Program Files\\Python\\DLLs,D:\\Program Files\\Python\\lib,D:\\Program Files\\Python,D:\\Progr…...

编程日记 2023/3/2 7:03:00

详解JAVA反射

目录 1.概述 2.获取Class对象 3.API 3.1.实例化对象 3.2.方法 3.3.属性 1.概述 反射，JAVA提供的一种在运行时获取类的信息并动态操作类的能力。JAVA反射允许我们在运行时获取类的属性、方法、构造函数等信息，并能够动态地操作它们。 2.获取Class…...

编程日记 2023/3/2 7:01:32

在nestjs中进行typeorm cli迁移(migration)的配置

在nestjs中进行typeorm cli迁移(migration)的配置 在学习nestjs过程中发现typeorm的迁移配置十分麻烦,似乎许多方法都是旧版本的配置，无法直接使用. 花了挺长时间总算解决了这个配置问题. db.config.ts 先创建db.config.ts, 该文件export了两个对象，其…...

编程日记 2023/3/2 6:59:58

前端工程构建问题汇总

1.less less-loader安装失败问题 npm install less-loader --save --legacy-peer-deps 加上–legacy-peer-deps就可以了 在NPM v7中，现在默认安装peerDependencies，这会导致版本冲突，从而中断安装过程。 –legacy-peer-deps标志是在v7中引…...

编程日记 2023/3/2 6:58:47

某马程序员NodeJS速学笔记

文章目录前言一、什么是Node.js?二、fs文件系统模块三、Http模块四、模块化五、开发属于自己的包模块加载机制六、Express1.初识ExpressGET/POSTnodemon2.路由模块化3.中间件中间件分类自定义中间件4. 跨域问题七、Mysql模块安装与配置基本使用Web开发模式Session认证JWT八、m…...

编程日记 2023/3/2 6:57:31

SpringMVC DispatcherServlet源码(6) 完结 静态资源原理

阅读源码，分析静态资源处理器相关组件： 使用SimpleUrlHandlerMapping管理url -> 处理器映射关系spring mvc使用WebMvcConfigurationSupport注入SimpleUrlHandlerMapping组件DelegatingWebMvcConfiguration可以使用WebMvcConfigurer的配置静态资源url…...

编程日记 2023/3/2 6:56:02

2023年全国最新会计专业技术资格精选真题及答案9

百分百题库提供会计专业技术资格考试试题、会计考试预测题、会计专业技术资格考试真题、会计证考试题库等，提供在线做题刷题，在线模拟考试，助你考试轻松过关。 四、材料题 1.某企业为增值税一般纳税人，2019年12月初“应付职工薪酬…...

编程日记 2023/3/2 6:54:33

3步解锁百度网盘SVIP极速下载：告别限速困扰的完整指南

3步解锁百度网盘SVIP极速下载：告别限速困扰的完整指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘那蜗牛般的下载速度而…...

编程新知 2026/5/14 11:43:26

Taotoken控制台的审计日志功能如何助力团队API使用安全复盘

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 Taotoken控制台的审计日志功能如何助力团队API使用安全复盘 1. 审计日志：团队API使用的全景记录 在团队协作使用大模型…...

编程新知 2026/5/14 11:19:59

黑群晖/白群晖通用！Docker部署DDNS-Go搞定腾讯云域名解析（保姆级避坑指南）

群晖与腾讯云域名解析终极方案：Docker化DDNS-Go实战指南 当你在群晖NAS上尝试配置腾讯云DDNS服务时，是否遇到过"认证失败"的困扰？这个问题尤其困扰黑群晖用户，但即便是白群晖用户也难免遭遇兼容性难题。本文将带你探索…...

编程新知 2026/5/14 11:02:32

IDM试用期重置终极指南：告别30天限制的完整解决方案

IDM试用期重置终极指南：告别30天限制的完整解决方案 【免费下载链接】idm-trial-reset Use IDM forever without cracking 项目地址: https://gitcode.com/gh_mirrors/id/idm-trial-reset 你是否曾为Internet Download Manager（IDM）的…...

编程新知 2026/5/14 10:32:39

Python 爬虫进阶技巧：JSON 数据多层嵌套解析取值技巧

前言 在现代网络数据采集场景中，JSON（JavaScript Object Notation）已成为前后端数据交互的核心格式，绝大多数动态网页、API 接口均采用多层嵌套 JSON 结构传输数据。对于爬虫开发者而言，基础的 JSON 取值仅能应对简单数据结构，而面对深度嵌套、数组嵌套、混合嵌套等复杂…...

编程新知 2026/5/14 7:51:05

慢速乘与快速幂

慢速乘 在写程序进行乘法运算时，我们有时会遇到大数溢出的情况（比如两个 101810^{18}1018 的数相乘对 1018710^{18}710187 取模）。 这个时候我们就可以用慢速乘（你用 __int128_t 的话就可以不用管）。 一、原理 利用乘法…...

编程新知 2026/5/14 6:29:00

EDA数据管理难题的通用解法：规则引擎驱动的设计对象抽象

1. 项目概述：一个EDA数据管理难题的通用解法在芯片设计、PCB布局这些电子设计自动化领域摸爬滚打过的工程师，大概都经历过一种“幸福的烦恼”：手头的设计工具越来越强大，但随之产生的数据文件也越来越多、越来越复杂。一个简单的电…...

编程新知 2026/5/14 6:10:14

金融机器学习实战：从特征工程到投资组合优化的完整工具库解析

1. 项目概述：金融机器学习的开源宝库如果你在量化金融、算法交易或者金融数据分析领域摸爬滚打过一段时间，大概率会和我有同样的感受：从零开始构建一个可靠的金融机器学习（Financial Machine Learning, FML）研究或交易…...

编程新知 2026/5/14 6:08:13

基于陷门矩阵的高效安全委托计算方案

1. 项目概述在现代计算环境中，线性代数运算（如矩阵乘法）占据了大量计算资源。随着云计算和机器学习的发展，越来越多的计算任务被委托给云端服务器执行。然而，这种委托计算模式带来了严重的数据隐私问题——用户需要将原…...

编程新知 2026/5/14 5:07:37

大模型微调实战：用百元级GPU打造专属AI助手

测试工程师的AI困局与破局在软件测试领域，我们每天都在与各种文本打交道——测试用例、缺陷报告、自动化脚本、需求文档、评审记录。大语言模型（LLM）的爆发让我们看到了提效的曙光，但很快就会发现，通用模型对测试业务的…...

编程新知 2026/5/14 4:06:55