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

id选择器

news 2026/3/30 10:36:36

id选择器可以为特定的id的标签进行css美化
使用方法： 标签内设好 id值， CSS的id选择器以“#+id名”来调用

注意

  1. 所有标签都有id值
  2. id属性值类似于身份证号码，在一个页面中是唯一的值，不可重复
  3. 一个标签上只能有一个id属性值
  4. 一个id属性值，只能选择一个标签

语法

#id名 {属性: 属性值;
}<p id="id名"></p>

举个栗子

<style>/* 给id为red的，定义CSS样式 */
#red {color: blue;
}
#green {color: blue;
}
</style>
</head><body><p id="red">杰克逊</p>
<h1 id="green">加比勒海盗</h1>

id选择器与class选择器的区别

  • class类名与id属性值的区别
  1. id相当于人的身份证，不可重复
  2. class相当于人的名称可以重复
  3. id选择器和类选择器最大的不同在于使用次数上，一个id只能供一个标签使用一次
  4. id选择器一般只定义页面唯一的元素，平常与javascript使用，最常用的还是class选择器，标签可以定义多个类属性
  • 实际开发情况
  1. 类选择器用的最多
  2. id一般配合js使用，除非特殊情况，否则不要使用id设置样式
  3. 实际开发中会遇到冗余代码的抽取（可以将公共的代码提取到公用的类中调用）

相关文章：

id选择器

id选择器可以为特定的id的标签进行css美化 使用方法&#xff1a; 标签内设好 id值&#xff0c; CSS的id选择器以“#id名”来调用 注意 所有标签都有id值id属性值类似于身份证号码&#xff0c;在一个页面中是唯一的值&#xff0c;不可重复一个标签上只能有一个id属性值一个id属性…...

编程日记 2023/5/24 21:50:35

《科技之巅3》读书笔记

文章目录书籍信息人工智能&#xff0c;“吃一堑长一智”的机器人机交互&#xff0c;为解决“交流障碍”问题而生硬件与算法&#xff0c;好马还需好鞍模式创新&#xff0c;赋予技术新的定义云与数据共享&#xff0c;灵活应对信息的爆发式增长“机器人”&#xff0c;从电影和小说…...

编程日记 2023/5/24 21:50:27

18.用于大型程序的工具

文章目录用于大型程序的工具18.1异常处理18.1.1抛出异常栈展开栈展开过程中对象被自动销毁析构函数与异常异常对象18.1.2捕获异常查找匹配的处理代码重新抛出捕获所有异常的处理代码18.1.3函数try语句块与构造函数18.1.4noexcept异常说明违反异常说明异常说明的实参noexcept运算…...

编程日记 2023/5/24 21:50:15

mysql一主键uuid和自增的选择

文章目录 1.自增ID的优缺点1.1 优点1.2 缺点1.3 不适合以自增ID主键作为主键的情况2.UUID作为主键2.1 介绍2.2 优点2.3 缺点3.有序UUID作为主键3.1 介绍3.2 演示使用3.2.1 前提知识3.2.1.1 数据类型 - binary3.2.1.2 函数 - hex()3.2.1.3 函数 - unhex()3.2.2 数据库层3.2.3 JA…...

编程日记 2023/5/24 21:50:01

【EDA工具使用】——VCS和Verdi的联合仿真的简单使用

目录 1.芯片开发所需的工具环境 2.编译仿真工具 3.三步式混合编译仿真&#xff08;最常用&#xff09;​编辑 4.两步式混合编译仿真​编辑 5.VCS的使用 ​6.verdi的使用 1.产生fsdb文件的两种方法​编辑 1.芯片开发所需的工具环境 2.编译仿真工具 3.三步式混合编译仿真…...

编程日记 2023/5/24 21:49:52

【Java学习笔记】4.Java 对象和类

前言 本章介绍Java的对象和类。 Java 对象和类 Java作为一种面向对象语言。支持以下基本概念&#xff1a; 多态继承封装抽象类对象实例方法重载 本节我们重点研究对象和类的概念。 对象&#xff1a;对象是类的一个实例&#xff08;对象不是找个女朋友&#xff09;&#x…...

编程日记 2023/5/24 21:49:40

39. 实战：基于api接口实现视频解析播放（32接口，窗口化操作，可导出exe，附源码）

目录 前言 目的 思路 代码实现 需要导入的模块 1. 导入解析网站列表&#xff0c;实现解析过程 2. 设计UI界面 3. 设置窗口居中和循环执行 4. 注意事项 完整源码 运行效果 总结 前言 本节将类似34. 实战&#xff1a;基于某api实现歌曲检索与下载&#xff08;附完整…...

编程日记 2023/5/24 21:49:26

基于灵动 MM32 微控制器的便携式血氧仪方案

基于灵动 MM32 微控制器的便携式血氧仪&#xff1a; - Cortex-M0() 最高主频 72MHz 可实现血氧饱和度信号采集、算法操作和 LED 显示操作 - 高性能的 1Msps 12b ADC 能对光电采样结果进行大数据量的暂存和处理&#xff0c;提高采样的效率并有助于对结果做高精度的计算 - 100…...

编程日记 2023/5/24 21:49:10

2022秋-2023-中科大-数字图像分析-期末考试试卷回忆版

今天晚上刚考完&#xff0c;心累&#xff0c;在这里继续授人以渔(仅供参考&#xff0c;切勿对着复习不看ppt&#xff0c;ppt一定要过两遍)。 注意:往年的经验贴&#xff0c;到此为止&#xff0c;全部作废&#xff0c;一个没考。千万不要只对着复习&#xff0c;SIFT没考&#x…...

编程日记 2023/5/24 21:49:03

【matplotlib】条形图及垂线显示小技巧 |一些有用参考帖子收集

最近在画图。一方面看论文看思路&#xff0c;一方面用数据跑图出论文雏形。 有些帖子写得很好&#xff0c;不记录的话下次还想看就只能随缘了。 帖子 博客&#xff1a;nxf_rabbit75 matplotlib技巧—9.共享坐标轴、创建多个subplot、调整横坐标、放置文本框、latext文字、平移…...

编程日记 2023/5/25 3:48:21

Go的bytes.Buffer

Go的bytes.Buffer 文章目录Go的bytes.Buffer一、bytes.Buffer 的基础知识二、bytes.Buffer类型的值&#xff0c;已读计数的作用三、bytes.Buffer的扩容策略四、bytes.Buffer的哪些方法会造成内容的泄露一、bytes.Buffer 的基础知识 与strings.Builder一样&#xff0c;bytes.Bu…...

编程日记 2023/5/24 17:56:28

k8s学习之路 | Day19 k8s 工作负载 Deployment（上）

文章目录1. Deployment 基础1.1 什么是 Deployment1.2 简单体验 Deployment1.3 Deployment 信息描述1.4 如何编写 Deployment2. Deployment 简单特性2.1 赋予 Pod 故障转移和自愈能力2.2 更新 Deployment2.3 回滚 Deployment2.4 暂停、恢复 Deployment 的上线过程2.5 Deploymen…...

编程日记 2023/5/24 21:48:57

php宝塔搭建部署实战六零导航页LyLme_Spage源码

大家好啊&#xff0c;我是测评君&#xff0c;欢迎来到web测评。 本期给大家带来一套php开发的六零导航页LyLme_Spage源码。感兴趣的朋友可以自行下载学习。 技术架构 PHP7.0 nginx mysql5.7 JS CSS HTMLcnetos7以上 宝塔面板 文字搭建教程 下载源码&#xff0c;宝塔添…...

编程日记 2023/5/24 21:48:51

SpringBoot (三) 整合数据库访问 jdbcTemplate、MyBatis

哈喽&#xff0c;大家好&#xff0c;我是有勇气的牛排&#xff08;全网同名&#xff09;&#x1f42e;&#x1f42e;&#x1f42e; 有问题的小伙伴欢迎在文末评论&#xff0c;点赞、收藏是对我最大的支持&#xff01;&#xff01;&#xff01;。 Spring Data了解下&#xff1…...

编程日记 2023/5/24 21:48:48

机器学习、数据挖掘和统计模式识别学习（Matlab代码实现）

目录 &#x1f4a5;1 概述 &#x1f4da;2 运行结果 &#x1f389;3 参考文献 &#x1f468;‍&#x1f4bb;4 Matlab代码 &#x1f4a5;1 概述 机器学习是让计算机在没有明确编程的情况下采取行动的科学。在过去的十年中&#xff0c;机器学习为我们提供了自动驾驶汽车&…...

编程日记 2023/5/24 21:48:44

Java修饰符-ai生成

Java修饰符 Java的修饰符有哪几种 Java的修饰符有以下几种&#xff1a; 访问修饰符&#xff1a;public、protected、private和默认访问修饰符。 非访问修饰符&#xff1a;final、abstract、static、synchronized、volatile、transient、native、strictfp和Deprecated。 什么…...

编程日记 2023/5/24 21:48:32

kafka部署安装

kafka介绍 kafka是一个分布式的消息队列系统&#xff0c;适合离线和在线消费&#xff0c;扩展性好 kafka部署 安装包获取&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1y32yvZU-CAHBtbEfnHkJzQ 提取码&#xff1a;y9vb –来自百度网盘超级会员V5的分享 安装目录为…...

编程日记 2023/5/24 21:48:21

使用asio实现一个单线程异步的socket服务程序

文章目录前言代码前言 之前&#xff0c;我使用epoll实现过一个C的后端服务程序&#xff0c;见&#xff1a;从头开始实现一个留言板-README_c做一个留言板_大1234草的博客-CSDN博客 但是它不够简便&#xff0c;无法轻松的合并到其他代码中。并且&#xff0c;由于程序中使用epo…...

编程日记 2023/5/23 18:27:46

大型JAVA版云HIS医院管理系统源码 Saas应用+前后端分离+B/S架构

SaaS运维平台多集团多医院入驻强大的电子病历完整文档 有源码&#xff0c;有演示&#xff01; 云HIS系统技术栈&#xff1a; 1、前端框架&#xff1a;AngularNginx 2、后台框架&#xff1a;JavaSpring&#xff0c;SpringBoot&#xff0c;SpringMVC&#xff0c;SpringSecurity&…...

编程日记 2023/5/24 21:48:09

1 网关介绍

网关介绍 在微服务架构中&#xff0c;一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢&#xff1f;如果没有网关的存在&#xff0c;我们只能在客户端记录每个微服务的地址&#xff0c;然后分别去调用。这样的话会产生很多问题&#xff0c;例如&a…...

编程日记 2023/5/24 21:48:01

技术竞赛之道：从创新构想到落地执行的实战心法

技术竞赛之道&#xff1a;从创新构想到落地执行的实战心法 【免费下载链接】A-to-Z-Resources-for-Students ✅ Curated list of resources for college students 项目地址: https://gitcode.com/GitHub_Trending/at/A-to-Z-Resources-for-Students 在当今技术驱动的时…...

编程新知 2026/3/30 10:12:03

CoPaw自动化办公实战：Python脚本批量处理文档与邮件

CoPaw自动化办公实战&#xff1a;Python脚本批量处理文档与邮件 1. 为什么需要办公自动化&#xff1f; 每天重复处理大量文档和邮件&#xff0c;是不是让你感到疲惫不堪&#xff1f;根据统计&#xff0c;普通职场人平均每天要花费2-3小时在文档处理和邮件回复上。这些重复性工…...

编程新知 2026/3/30 10:03:59

OpenClaw人人养虾：密钥管理

Gateway 提供安全的密钥管理&#xff08;Secrets Management&#xff09;功能&#xff0c;用于加密存储 API Key、Token 等敏感凭证&#xff0c;避免在配置文件中暴露明文。为什么需要密钥管理明文风险将 API Key 直接写在配置文件中存在严重安全风险&#xff1a;配置文件可能被…...

编程新知 2026/3/30 8:59:39

dumpDex安全研究：脱壳工具在Android安全分析中的应用

dumpDex安全研究&#xff1a;脱壳工具在Android安全分析中的应用 【免费下载链接】dumpDex &#x1f4af;一款Android脱壳工具&#xff0c;需要xposed支持, 易开发已集成该项目。 项目地址: https://gitcode.com/gh_mirrors/du/dumpDex 在Android应用安全分析领域&#…...

编程新知 2026/3/30 8:57:38

终极指南：使用Refine和Ant Design快速构建专业列表页面

终极指南&#xff1a;使用Refine和Ant Design快速构建专业列表页面 【免费下载链接】refine 一个用于构建内部工具、管理面板、仪表盘和B2B应用程序的React框架&#xff0c;具有无与伦比的灵活性。 项目地址: https://gitcode.com/GitHub_Trending/re/refine Refine是一…...

编程新知 2026/3/30 7:14:59

构建语音驱动的智能Agent：集成SenseVoice-Small与AI决策框架

构建语音驱动的智能Agent&#xff1a;集成SenseVoice-Small与AI决策框架 你有没有想过&#xff0c;对着电脑说句话&#xff0c;它就能帮你写代码、查资料、甚至控制智能家居&#xff1f;这听起来像是科幻电影里的场景&#xff0c;但现在&#xff0c;通过将强大的语音识别模型与…...

编程新知 2026/3/30 6:58:55

网盘直链下载助手完整教程：如何轻松获取百度、阿里云盘等八大平台真实下载地址

网盘直链下载助手完整教程&#xff1a;如何轻松获取百度、阿里云盘等八大平台真实下载地址 【免费下载链接】Online-disk-direct-link-download-assistant 可以获取网盘文件真实下载地址。基于【网盘直链下载助手】修改&#xff08;改自6.1.4版本&#xff09; &#xff0c;自用…...

编程新知 2026/3/30 5:54:33

Openclaw中文版快速上手：nanobot镜像支持Qwen3-4B本地部署与系统命令执行

Openclaw中文版快速上手&#xff1a;nanobot镜像支持Qwen3-4B本地部署与系统命令执行 1. 快速了解nanobot&#xff1a;你的轻量级AI助手 nanobot是一个超轻量级的个人人工智能助手&#xff0c;它基于OpenClaw的设计理念&#xff0c;但用更简洁的代码实现了核心功能。这个工具…...

编程新知 2026/3/30 5:50:32

虚幻引擎PicoVR开发避坑指南：PicoXR与PicoOpenXR插件选型与实战解析

1. PicoXR与PicoOpenXR插件核心差异解析 第一次接触PicoVR开发时&#xff0c;很多开发者都会被两个相似的插件名称搞懵——PicoXR和PicoOpenXR。这两个插件虽然名字相近&#xff0c;但在功能特性和适用场景上存在本质区别。我在去年开发健身类VR应用时就因为选错插件&#xff0…...

编程新知 2026/3/30 4:43:56

深入剖析Dynamic-Datasource：迭代器模式在数据源扩展中的完整实现指南

深入剖析Dynamic-Datasource&#xff1a;迭代器模式在数据源扩展中的完整实现指南 【免费下载链接】dynamic-datasource dynamic datasource for springboot 多数据源 动态数据源 主从分离 读写分离 分布式事务 项目地址: https://gitcode.com/gh_mirrors/dy/dynamic-dataso…...

编程新知 2026/3/30 3:41:05