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

CSS中:root伪类的使用

news 文章来源：https://blog.csdn.net/weixin_41703489/article/details/133472906 2025/1/11 19:52:39

在CSS中，:root是一个伪类选择器，它选择的是文档树的根元素。在HTML文档中，这个根元素通常是<html>。:root伪类选择器常常被用于定义全局的CSS变量或者设置全局的CSS样式。

例如，你可以使用:root来定义一个全局的字体大小：

 

css:root {
--font-size: 16px; // 定义CSS变量；
box-sizing:border-box;// 代码中所有盒模型的边框向内挤压
}
 

然后，在其他的CSS规则中，你就可以引用这个字体大小变量：
 

 

cssbody {
font-size: var(--font-size);
}
 

在这个例子中，:root定义的--font-size变量可以被全局使用，让你的CSS更加模块化和易于维护。














相关文章：
















CSS中:root伪类的使用




在CSS中&#xff0c;:root是一个伪类选择器&#xff0c;它选择的是文档树的根元素。在HTML文档中&#xff0c;这个根元素通常是<html>。:root伪类选择器常常被用于定义全局的CSS变量或者设置全局的CSS样式。 
例如&#xff0c;你可以使用:root来定义一个全局的字体大小&a…...






编程日记
2023/10/9 5:16:53



















VulnHub JANGOW




提示&#xff08;主机ip分配问题&#xff09; 
因为直接在VulnHub上下载的盒子&#xff0c;在VMware上打开&#xff0c;默认是不分配主机的 
所以我们可以在VirtualBox上打开 一、信息收集 
发现开放了21和80端口&#xff0c;查看一下80端口 
80端口&#xff1a; 检查页面后发现…...






编程日记
2023/10/9 5:14:50



















OpenMesh 获取网格面片各个顶点




文章目录 一、简介二、实现代码三、实现效果一、简介 OpenMesh中有很多循环器，这里便是其中一种面顶点循环器，以此来获得面片的各个顶点。 二、实现代码 
#define _USE_MATH_DEFINES
#include <iostream>
#include <unordered_map>...






编程日记
2023/10/9 5:13:49



















【前端设计模式】之原型模式




原型模式特性 
原型模式&#xff08;Prototype Pattern&#xff09;是一种创建型设计模式&#xff0c;它通过克隆现有对象来创建新对象&#xff0c;而不是通过实例化类。原型模式的主要特性包括&#xff1a; 
原型对象&#xff1a;原型对象是一个已经存在的对象&#xff0c;它作…...






编程日记
2023/10/9 5:10:46



















软件设计原则




设计原则 
一、单一原则 
1. 如何理解单一职责原则 
单一职责原则&#xff08;Single Responsibility Principle&#xff0c;简称SRP&#xff09;&#xff0c;它要求一个类或模块应该只负责一个特定的功能。实现代码的高内聚和低耦合&#xff0c;提高代码的可读性和可维护性。 …...






编程日记
2023/10/9 5:09:45



















【面试HOT100】哈希双指针滑动窗口




系列综述&#xff1a; &#x1f49e;目的&#xff1a;本系列是个人整理为了秋招面试的&#xff0c;整理期间苛求每个知识点&#xff0c;平衡理解简易度与深入程度。 &#x1f970;来源&#xff1a;材料主要源于LeetCodeHot100进行的&#xff0c;每个知识点的修正和深入主要参考…...






编程日记
2023/10/9 5:08:44



















Ubuntu20.04 配置 yolov5_ros 功能包记录




文章目录 本文参考自博主源801，结合自己踩坑后修改 项目地址：https://github.com/mats-robotics/yolov5_ros 1.新建工作空间 新建一个工作空间 yolo_ros(名字可自定义)，在 yolo_ros 下新建文件夹 src 并catkin_make进行编译 2. 安装相机驱动，可以选用较为主流的 usb_cam 或…...






编程日记
2023/10/9 5:07:43



















Flink的处理函数——processFunction




目录 
一、处理函数概述        
二、Process函数分类——8个 
&#xff08;1&#xff09;ProcessFunction 
&#xff08;2&#xff09;KeyedProcessFunction 
&#xff08;3&#xff09;ProcessWindowFunction 
&#xff08;4&#xff09;ProcessAllWindowFunction 
&#xff…...






编程日记
2023/10/9 5:06:41



















Linux系统中的ps命令详解及用法介绍




文章目录 一、介绍ps命令A. ps命令的作用B. ps命令的参数 二、常见的ps命令用法A. 显示所有进程信息B. 显示指定进程信息C. 显示指定用户的进程信息D. 按CPU使用率排序显示进程信息E. 按内存使用率排序显示进程信息 三、进一步了解ps命令A. 显示进程树信息B. 显示线程和进程关系…...






编程日记
2023/10/9 5:03:36



















机器学习笔记 - 基于pytorch、grad-cam的计算机视觉的高级可解释人工智能




一、pytorch-gradcam简介 ​Grad-CAM是常见的神经网络可视化的工具，用于探索模型的可解释性，广泛出现在各大顶会论文中，以详细具体地描述模型的效果。Grad-CAM的好处是，可以在不额外训练的情况下，只使用训练好的权重即可获得热力图。 
1、CAM是什么？ CAM全称Class Activa…...






编程日记
2023/10/9 5:02:34



















Python 编程基础 | 第五章-类与对象 | 5.1、定义类




一、类 
1、定义类 Python中使用class关键字定义类&#xff0c;class之后为类的名称并以:结尾&#xff0c;类的结构如下&#xff1a; class 类名&#xff1a;多个&#xff08;≥0&#xff09;类属性...多个&#xff08;≥0&#xff09;类方法...下面定义一个Dog类&#xff0c;如…...






编程日记
2023/10/9 5:01:33



















合宙Air780e+luatos+腾讯云物联网平台完成设备通信与控制（属性上报+4G远程点灯）




1.腾讯云物联网平台 
首先需要在腾讯云物联网平台创建产品、创建设备、定义设备属性和行为&#xff0c;例如&#xff1a; 
&#xff08;1&#xff09;创建产品 &#xff08;2&#xff09;定义设备属性和行为 &#xff08;3&#xff09;创建设备 &#xff08;4&#xff09;准备参…...






编程日记
2023/10/9 4:59:31



















c++系列之string的模拟实现




&#x1f497; &#x1f497; 博客:小怡同学 &#x1f497; &#x1f497; 个人简介:编程小萌新 &#x1f497; &#x1f497; 如果博客对大家有用的话&#xff0c;请点赞关注再收藏 &#x1f31e; string() //注意事项&#xff1a; 1.初始化列表随声明的顺序进行初始化 2.cons…...






编程日记
2023/10/9 4:58:30



















Spring的beanName生成器AnnotationBeanNameGenerator




博主介绍&#xff1a;✌全网粉丝4W&#xff0c;全栈开发工程师&#xff0c;从事多年软件开发&#xff0c;在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战&#xff0c;博主也曾写过优秀论文&#xff0c;查重率极低&#xff0c;在这方面有丰富的经验…...






编程日记
2023/10/9 4:57:29



















FFmpeg 命令：从入门到精通 | ffmpeg 命令直播




FFmpeg 命令&#xff1a;从入门到精通 | ffmpeg 命令直播 FFmpeg 命令&#xff1a;从入门到精通 | ffmpeg 命令直播直播拉流直播推流 FFmpeg 命令&#xff1a;从入门到精通 | ffmpeg 命令直播 
本节主要介绍了ffmpeg 命令进行直播拉流、推流的方法&#xff0c;并列举了一些例子…...






编程日记
2023/10/9 4:55:27



















A (1087) : DS单链表--类实现




Description 
用C语言和类实现单链表&#xff0c;含头结点 
属性包括&#xff1a;data数据域、next指针域 
操作包括&#xff1a;插入、删除、查找 
注意&#xff1a;单链表不是数组&#xff0c;所以位置从1开始对应首结点&#xff0c;头结点不放数据 
类定义参考 
#include<…...






编程日记
2023/10/9 4:54:26



















异常：找不到匹配的key exchange算法




目录 问题描述原因分析解决方案 问题描述 
PC 操作系统&#xff1a;Windows 10 企业版 LTSC PC 异常软件&#xff1a;XshellPortable 4(Build 0127) PC 正常软件&#xff1a;PuTTY Release 0.74、MobaXterm_Personal_23.1 服务器操作系统&#xff1a;OpenEuler 22.03 (LTS-SP2)…...






编程日记
2023/10/9 4:53:25



















Arcgis打开影像分析窗口没反应




Arcgis打开影像分析窗口没反应 
问题描述 
做NDVI计算的时候&#xff0c;一直点击窗口-影像分析&#xff0c;发现影像分析的小界面一直不跳出来。 
原因 
后来发现是被内容列表给遮住了&#xff0c;其实是已经出来了的。。 拖动内容列表就能找到。 
解决方案 
内容列表和影像分…...






编程日记
2023/10/9 4:52:24



















Spring（JavaEE进阶系列1）




目录 
前言&#xff1a; 
1.Servlet与Spring对比 
2.什么是Spring 
2.1什么是容器 
2.2什么是IoC 
2.3SpringIoC容器的理解 
2.4DI依赖注入 
2.5IoC与DI的区别 
3.Spring项目的创建和使用 
3.1正确配置Maven国内源 
3.2Spring的项目创建 
3.3将Bean对象存储到Spring&#xff08…...






编程日记
2023/10/9 4:51:22



















Flink状态管理与检查点机制




1.状态分类 相对于其他流计算框架，Flink 一个比较重要的特性就是其支持有状态计算。即你可以将中间的计算结果进行保存，并提供给后续的计算使用： 具体而言，Flink 又将状态 (State) 分为 Keyed State 与 Operator State： 1.1 算子状态 算子状态 (Operator State)：顾名思义…...






编程日记
2023/10/9 4:50:21



















【threejs】基本编程概念及海岛模型展示逻辑




采用three封装模式完成的海岛动画&#xff08;点击这里查看&#xff09; 
直接上代码吧 
<template><div class"scene"><video id"videoContainer" style"position:absolute;top:0px;left:0px;z-index:100;visibility: hidden"&g…...






编程日记
2023/10/9 4:49:20



















python小技巧：创建单链表及删除元素




目前只有单链表&#xff08;无法查找上一个元素&#xff09;&#xff0c;后面再更新循环链表和双链表。 
class SingleLinkedList:def createList(self, raw_list):if len(raw_list)  0:head  ListNode()else:head  ListNode(raw_list[0])cur  headfor i in range(1, len(raw_l…...






编程日记
2023/10/9 4:48:19



















ADuM1250 ADuM1251 模块 I2C IIC总线2500V电磁隔离 接口保护




功能说明&#xff1a; 
1&#xff0c;2500V电磁隔离&#xff0c;2通道双向I2C&#xff1b; 
2&#xff0c;支持电压在3到5.5V&#xff0c;最大时钟频率可达1000KHz&#xff1b; 
3&#xff0c;将该隔离模块接入总线&#xff0c;可以保护主MCU引脚&#xff0c;降低I2C总线上的干…...






编程日记
2023/10/9 4:47:19



















C# 把多个dll合成一个dll




Nuget 下载ILMerge两个工程 dog为测试工程 TestIlmerge为准备合并的类库 如下图所示&#xff0c; 由于我们引用下面4个库 正常生成后&#xff0c;会有TestIlmerge.dll和下面的这4个dll 只生成TestIlmerge.dll 打开工程文件  在最下方加入以下两段 <Target Name"ILMerge…...






编程日记
2023/10/9 4:46:17



















scipy.sparse.coo_matrix.sum()关于axis的用法




以下面的矩阵为例 
[1,2,0]
[0,3,0]
[0,0,0]示例代码 
from scipy.sparse import coo_matrix# 创建一个稀疏矩阵
data  [1, 2, 3]
row  [0, 0, 1]
col  [0, 1, 1]
sparse_matrix  coo_matrix((data, (row, col)), shape(3,3))# 计算稀疏矩阵中每行非零元素的总和
sum_of_column…...






编程日记
2023/10/9 4:43:14



















C++类与对象（下）




文章目录 1.非类型模板2.模板特化2.1.类模板特化2.1.1.全特化2.1.2.偏特化 2.2.函数模板特化 3.函数模板声明定义分离 之前我们学习的模板能达到泛型的原因是&#xff1a;使用了“泛型的类型”&#xff0c;但是如果经过后面的“造轮子”&#xff08;后面会尝试实现一下 
STL的一…...






编程日记
2023/10/9 4:42:12



















SpringBoot——》引入Redis




推荐链接&#xff1a;     总结——》【Java】     总结——》【Mysql】     总结——》【Redis】     总结——》【Kafka】     总结——》【Spring】     总结——》【SpringBoot】     总结——》【MyBatis、MyBatis-Plus】     总结——》【Linux】     总结——》【MongoD…...






编程日记
2023/10/9 4:41:11



















C# newtonsoft序列化将long类型转化为字符串




/// <summary>
/// 转化为json的时候long类型转为string
/// </summary>
public class LongJsonConverter: JsonConverter
{public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer){try{return r…...






编程日记
2023/10/9 4:37:05



















黑马点评-02使用Redis代替session,Redis + token机制实现




Redis代替session 
session共享问题 
每个Tomcat中都有一份属于自己的session,所以多台Tomcat并不共享session存储空间,当请求切换到不同tomcat服务时可能会导致数据丢失 
用户第一次访问1号tomcat并把自己的信息存放session域中, 如果第二次访问到了2号tomcat就无法获取到在1号…...






编程日记
2023/10/9 4:36:04



















arm 点灯实验代码以及现象




.text 
.global _start
_start: 
1.设置GPIOE寄存器的时钟使能  RCC_MP_AHB4ENSETR[4]->1     0x50000a28
LDR R0,0x50000A28
LDR R1,[R0]
ORR R1,R1,#(0x1<<4)  第4位置1
STR R1,[R0]
1.设置GPIOF寄存器的时钟使能  RCC_MP_AHB4ENSETR[4]->1     0x50000a28
LDR R…...






编程日记
2023/10/9 4:35:03



















更改wordpress所有的链接地址/谷歌推广技巧




文章目录 1 背景2 数据分析的应用具体有哪些呢？2.1投放2.1.1 传统投放2.1.2 互联网投放2.2 销售2.2.1传统销售：2.2.2互联网销售:2.3 电商2.4 零售2.5 运营2.5.1 传统运营2.5.2 互联网运营2.6 产品2.6.1 传统产品3 总结我的总结！！！以上是某网站拉取过来，大家按需参考1 背景…...






编程日记
2025/1/11 17:38:02



















新浪博客上传wordpress/北京网站制作推广




推荐引擎的分类 
推荐引擎的分类可以根据很多指标&#xff0c;下面我们一一介绍一下&#xff1a; 
推荐引擎是不是为不同的用户推荐不同的数据 
根据这个指标&#xff0c;推荐引擎可以分为基于大众行为的推荐引擎和个性化推荐引擎 根据大众行为的推荐引擎&#xff0c;对每个用户…...






编程日记
2025/1/11 16:06:08



















百度搜索不到自己的网站/微信上如何投放广告




Cookie 1.什么是Cookie 一小段文本,明文的数据,关于网站相关的文本字符串数据.一个客户端状态保持机制~ 存储在客户端的浏览器内存里面或者磁盘(如果不指定过期时间,那么存储在客户端浏览器内存中,如果指定了过期时间,那么存储在客户端的磁盘上.) cookie跟网站有关的,各个网站只…...






编程日记
2025/1/11 15:16:43



















广东门户网站建设/淘宝推广平台




author&#xff1a;skate time&#xff1a;2012/05/24 数据结构设计&#xff08;表&#xff0c;索引的创建&#xff09;的说明 表的设计  
1.数据类型的选择 
1) 数字类型&#xff1a;分为整数数据类型和浮点数据类型&#xff0c;它们之间的区别是取值范围不同&#xff0c;存储…...






编程日记
2025/1/11 13:50:26



















主流做网站/谷歌seo优化




tcpdump介绍 tcpdump 是一个运行在命令行下的抓包工具。它允许用户拦截和显示发送或收到过网络连接到该计算机的TCP/IP和其他数据包。tcpdump 适用于 
大多数的类Unix系统操作系统(如linux,BSD等)。类Unix系统的 tcpdump 需要使用libpcap这个捕捉数据的库就像 windows下的WinPc…...






编程日记
2025/1/11 11:38:13



















邯郸做网站推广费用/怎么联系百度人工服务




Android(3)点击事件的处理和应用 1.在学习点击事件之前呢.我们学习安卓控件中的Textview,Button,redioButton,checkBox,等相关控件是使用,在安卓中呢,TextView是许多的App开发的必备控件,无论是大的项目还是小的项目都会有TextView的出现.接下来我们就从它开始讲起,来简单介绍这…...






编程日记
2025/1/11 11:31:06