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

CSS中2种复合选择器

news 2026/5/10 9:02:25

1:交集选择器

作用：选中同时符合多个条件的元素

语法：选择器1选择器2选择器n{}

注意：若交集选择器中有元素选择器，必须使用元素选择器开头

2:并集选择器

作用：同时选择多个选择器对应的元素

语法：选择器1，选择器2，选择器3····

例子：#b1,p,.red

<!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>/* 需求一：将class为red的诗句变为红色，同时将class为red的div字体变为24px */.red {color: red;/* background-color: violet; */}div.red {font-size: 24px;}/* 需求二：将h1,h3字体颜色变为黄色 */h1,h3 {color: yellowgreen;}</style></head><body><h1>满江红·写怀</h1><h3>岳飞·宋</h3><p class="red">怒发冲冠，凭栏处、潇潇雨歇。</p><div class="red">抬望眼，仰天长啸，壮怀激烈。</div><br /><span>三十功名尘与土，八千里路云和月。</span><p>莫等闲，白了少年头，空悲切！</p><p>靖康耻，犹未雪。臣子恨，何时灭！</p><p>驾长车，踏破贺兰山缺。</p><p>壮志饥餐胡虏肉，笑谈渴饮匈奴血。</p><p>待从头、收拾旧山河，朝天阙。</p></body>
</html>

相关文章：

CSS中2种复合选择器

1:交集选择器 作用&#xff1a;选中同时符合多个条件的元素 语法&#xff1a;选择器1选择器2选择器n{} 注意&#xff1a;若交集选择器中有元素选择器&#xff0c;必须使用元素选择器开头 2:并集选择器 作用&#xff1a;同时选择多个选择器对应的元素 语法&#xff1a;选择…...

编程日记 2023/11/21 16:00:30

【Skynet 入门实战练习】开发环境搭建 | 运行第一个项目 | debug console 简单使用

文章目录 写在前面开发环境搭建skynet配置文件项目&#xff0c;启动&#xff01; debug console 写在前面 本系列【Skynet 入门实战练习】所有源码同步&#xff1a;https://gitee.com/Cauchy_AQ/skynet_practice 开发环境搭建 skynet skynet 框架地址&#xff1a;https://g…...

编程日记 2023/11/21 15:58:28

【探索嵌入式虚拟化技术与应用】— 虚拟化技术深入浅出自学系列

&#x1f308;个人主页: Aileen_0v0&#x1f525;系列专栏:【探索嵌入式虚拟化技术与应用】&#x1f4ab;个人格言:"没有罗马,那就自己创造罗马~" 目录 一、虚拟技术的发展历史 1.1传统技术的局限性&#xff1a; ​编辑 1.2云计算和万物互联技术的发展机遇&#x…...

编程日记 2023/11/21 15:57:26

MIB 6.1810实验Xv6 and Unix utilities(5)find

难度:moderate Write a simple version of the UNIX find program for xv6: find all the files in a directory tree with a specific name. Your solution should be in the file user/find.c. 题目要求&#xff1a;实现find &#xff0c;即在某个路径中&#xff0c;找出某…...

编程日记 2023/11/21 15:55:24

百度爬虫的工作原理解析

百度作为中国最大的搜索引擎&#xff0c;其工作原理备受关注。本文将深入探讨百度爬虫的工作原理&#xff0c;介绍其基本流程以及关键技术&#xff0c;帮助读者更好地理解搜索引擎背后的技术核心。 百度爬虫是百度搜索引擎的重要基石&#xff0c;它们被广泛用于收集互联网上的网…...

编程日记 2023/11/21 15:53:19

Linux入门必备指令

Linux学习之路起始篇——Linux基本指令 文章目录 Linux学习之路起始篇——Linux基本指令**一、ls指令****二、pwd命令****三、cd命令****四、touch指令****五、mkdir命令****六、rm命令****七、man 命令****八、cp命令****九、mv命令****10、cat 指令****十一、tac命令** 前言&…...

编程日记 2023/11/21 15:50:15

linux系统环境下mysql安装和基本命令学习

此篇文章为蓝桥云课--MySQL的学习记录 块引用部分为自己的实验部分&#xff0c;其余部分是课程自带的知识&#xff0c;链接如下&#xff1a; MySQL 基础课程_MySQL - 蓝桥云课 本课程为 SQL 基本语法及 MySQL 基本操作的实验&#xff0c;理论内容较少&#xff0c;动手实践多&am…...

编程日记 2023/11/21 15:49:13

Monitor 原理

每个 Java 对象都可以关联一个 Monitor 对象&#xff0c;如果使用 synchronized 给对象上锁&#xff08;重量级&#xff09;之后&#xff0c;该对象头的 Mark Word 中就被设置指向 Monitor 对象的指针。 Monitor组成内容 EntryList&#xff08;入口列表&#xff09; 当一个线…...

编程日记 2023/11/21 15:48:12

Java核心知识点整理大全7-笔记

目录 4.1.9. JAVA 锁 4.1.9.1. 乐观锁 4.1.9.2. 悲观锁 4.1.9.3. 自旋锁 4.1.9.4. Synchronized 同步锁 Synchronized 作用范围 Synchronized 核心组件 Synchronized 实现 4.1.9.5. ReentrantLock Lock 接口的主要方法 非公平锁 公平锁 ReentrantLock 与 synchronized …...

编程日记 2023/11/21 15:47:10

Flink Operator 使用指南 之 全局配置

背景 在上一个章节中已经介绍了基本的Flink-Operator安装，但是在实际的数据中台的项目中，用户可能希望看到Flink Operator的运行日志情况，当然这可以通过修改Flink-Operator POD的文件实现卷挂载的形势将日志输出到宿主机器的指定目录下，但是这种办法对数据中台的产品不是…...

编程日记 2023/11/21 15:46:10

手把手教你通过CODESYS V3进行PLC编程（一）

教程背景 宏集MC系列模块化控制器是基于Raspberry Pi的高性能4核控制器&#xff0c;运动控制循环时间最快可达500微秒&#xff0c;实现了计算能力和成本之间的最佳平衡&#xff0c;适用于多轴运动控制和CNC控制。 教程目的 本系列教程将使用宏集MC系列控制器&#xff0c;详细…...

编程日记 2023/11/21 15:43:07

《算法通关村—进制转换问题处理模板》

《算法通关村—进制转换问题处理模板》 先来一个题热热身 504. 七进制数 给定一个整数 num&#xff0c;将其转化为 7 进制&#xff0c;并以字符串形式输出。 示例 1: 输入: num 100 输出: "202"示例 2: 输入: num -7 输出: "-10"提示&#xff1a; …...

编程日记 2023/11/21 15:42:06

python接口自动化测试之接口数据依赖

一般在做自动化测试时&#xff0c;经常会对一整套业务流程进行一组接口上的测试&#xff0c;这时候接口之间经常会有数据依赖&#xff0c;那又该如何继续呢&#xff1f; 那么有如下思路&#xff1a; 抽取之前接口的返回值存储到全局变量字典中。初始化接口请求时&#xff0c;…...

编程日记 2023/11/21 15:41:05

s28.CentOS、Ubuntu、Rocky Linux系统初始化脚本v6版本

CentOS、Ubuntu、Rocky系统初始化脚本 Shell脚本源码地址&#xff1a; Gitee&#xff1a;https://gitee.com/raymond9/shell Github&#xff1a;https://github.com/raymond999999/shell 可以去上面的Gitee或Github仓库代码拉取脚本。 版本功能v6版更新内容1.由于CentOS 6…...

编程日记 2023/11/21 15:40:04

go同步锁 sync mutex

goroutine http://127.0.0.1:3999/concurrency/11 go tour 到此 就结束了. 继续 学习 可以 从 以下网站 文档 https://golang.org/doc/ https://golang.org/doc/code https://golang.org/doc/codewalk/functions/ 博客 https://go.dev/blog/ wiki 服务器教程 服务器…...

编程日记 2023/11/21 15:37:02

使用项目自动生成的dokcerfile第一次构建时把加载aps5.0失败无法找到加载的文件

第一次构建初始化项目自带的dockerfile，内容如下： #See https://aka.ms/containerfastmode to understand how Visual Studio uses this Dockerfile to build your images for faster debugging.#FROM mcr.microsoft.com/dotnet/aspnet:5.0-buster-slim AS base #WORKDIR /a…...

编程日记 2023/11/21 15:36:01

ACREL DC energy meter Application in Indonesia

安科瑞 华楠 Abstract: This article introduces the application of Acrel DC meters in base station in Indonesia.The device is measuring current,voltage and energy together with hall current sensor. 1.Project Overview This company is located in Indonesia a…...

编程日记 2023/11/21 15:34:59

报错！Jupyter notebook 500 : Internal Server Error

Jupyter notebook 报错 500 : Internal Server Error 问题背景 tensorflow-gpu环境&#xff0c;为跑特定代码专门开了一个环境&#xff0c;使用conda安装了Jupyter notebook&#xff0c;能够在浏览器打开Jupyter notebook&#xff0c;但是notebook打开ipynb会报错。 问题分析…...

编程日记 2023/11/21 15:33:58

2023.11.21使用＜button＞元素来触发form表单和数据提交

2023.11.21使用&#xff1c;button&#xff1e;元素来触发form表单和数据提交 除了使用<input>中的submit方式进行form表单和数据提交&#xff0c;还可以使用button方式&#xff0c;两种方式视使用场景&#xff0c;各有优点。 方法一&#xff1a;可以将<button>放…...

编程日记 2023/11/21 15:29:53

leetcode：504. 七进制数

一、题目&#xff1a; 链接&#xff1a; 504. 七进制数 - 力扣&#xff08;LeetCode&#xff09; 函数原型&#xff1a; char* convertToBase7(int num) 二、思路 本题要将十进制数转换为二进制数&#xff0c;只要将十进制num数模7再除7&#xff0c;直到num等于0 每次将模7的结…...

编程日记 2023/11/21 15:28:52

DLSS Swapper完全指南：3步掌握游戏性能优化神器

DLSS Swapper完全指南&#xff1a;3步掌握游戏性能优化神器 【免费下载链接】dlss-swapper 项目地址: https://gitcode.com/GitHub_Trending/dl/dlss-swapper DLSS Swapper是一款专业的游戏性能优化工具&#xff0c;专门用于管理NVIDIA DLSS、AMD FSR和Intel XeSS动态链…...

编程新知 2026/5/10 8:08:02

深度解析Universal x86 Tuning Utility：开源硬件调校框架的技术架构与实战应用

深度解析Universal x86 Tuning Utility&#xff1a;开源硬件调校框架的技术架构与实战应用 【免费下载链接】Universal-x86-Tuning-Utility Unlock the full potential of your Intel/AMD based device. 项目地址: https://gitcode.com/gh_mirrors/un/Universal-x86-Tuning-U…...

编程新知 2026/5/10 8:05:59

Linux Deadline 调度器的动态参数调整：运行时的参数更新

简介在传统 Linux 调度体系中&#xff0c;CFS 普通进程、SCHED_FIFO/SCHED_RR 实时进程一旦创建&#xff0c;调度优先级、时间片等参数大多只能通过用户态接口静态设置&#xff0c;运行过程中无法动态变更。而SCHED_DEADLINE作为 Linux 内核原生硬实时调度策略&#xff0c;最大…...

编程新知 2026/5/10 7:09:34

集成电路设计中的关键特征分析(CFA)技术与应用

1. 关键特征分析(CFA)技术概述关键特征分析(Critical Feature Analysis, CFA)是现代集成电路设计制造(DFM)流程中的核心质量评估工具。这项技术最早由Mentor Graphics(现为Siemens EDA)在2000年代中期提出&#xff0c;旨在解决传统DRC(设计规则检查)仅做"通过/失败"二…...

编程新知 2026/5/10 5:50:55

基于RAG与本地化部署的ChatLLM框架：构建私有知识库问答系统实战

1. 项目概述&#xff1a;ChatLLM&#xff0c;一个面向开发者的本地化大语言模型应用框架最近在折腾本地部署的大语言模型应用&#xff0c;发现很多开源项目要么太重&#xff0c;要么太轻&#xff0c;要么就是文档写得云里雾里&#xff0c;想快速搭建一个能基于自己知识库对话的…...

编程新知 2026/5/10 5:40:17

CANN/SiP三维FFT接口文档

FFT_3D 【免费下载链接】sip 本项目是CANN提供的一款高效、可靠的高性能信号处理算子加速库&#xff0c;基于华为Ascend AI处理器&#xff0c;专门为信号处理领域而设计。 项目地址: https://gitcode.com/cann/sip 产品支持情况 产品是否支持Atlas 200I/500 A2 推理产品…...

编程新知 2026/5/10 5:28:05

MATLAB算法合成技术在DSP硬件设计中的应用与优化

1. MATLAB算法合成如何重塑DSP硬件设计流程在数字信号处理&#xff08;DSP&#xff09;领域&#xff0c;算法开发者与硬件工程师之间长期存在着一条明显的分界线。算法团队使用MATLAB构建优雅的数学模型&#xff0c;而硬件团队则需要将这些抽象算法转化为实际的电路设计。这个转…...

编程新知 2026/5/10 5:02:23

Blender Cursor Ops插件：3D游标精准控制与建模效率革命

1. 项目概述&#xff1a;Blender中的“手术刀”——Cursor Ops如果你在Blender里建模时&#xff0c;经常觉得3D游标&#xff08;3D Cursor&#xff09;这个工具用起来有点“隔靴搔痒”&#xff0c;定位不够精准&#xff0c;操作不够流畅&#xff0c;那么今天聊的这个插件&#…...

编程新知 2026/5/10 4:58:21

C# 基于OpenCv的视觉工作流-章69-圆弧测量

C# 基于OpenCv的视觉工作流-章69-圆弧测量 本章目标&#xff1a; 一、角点、圆查找&#xff1b; 二、计算圆弧&#xff1b;一、角点查找 通过算法获取圆弧的两个角点&#xff0c;再结合圆查找算法取得圆心。二、圆弧计算 根据已取得的三点&#xff0c;计算圆弧尺寸。“VisionTo…...

编程新知 2026/5/10 4:13:13

从零构建生产级AI知识助手：智能体+RAG+微调实战指南

1. 项目概述&#xff1a;构建你的第二大脑AI助手如果你和我一样&#xff0c;每天在Notion、Obsidian或者一堆PDF和网页链接里积累了大量的笔记、想法和资料&#xff0c;那么“第二大脑”这个概念你一定不陌生。它就像我们思维的外置硬盘&#xff0c;存储着所有零散但宝贵的知识…...

编程新知 2026/5/10 4:13:10