C++如何判断一个字符串是否为合法的CSS颜色值

畫卷琴夢

畫卷琴夢

2026-06-15

642人浏览

原创

最常见、最可控的方式是自己写正则:^#([0-9a-fa-f]{3}|[0-9a-fa-f]{6})$ 能准确匹配 #abc 和 #aabbcc,不匹配 #abcd 或 #ggg。

c++如何判断一个字符串是否为合法的css颜色值

直接用正则匹配十六进制颜色(#RRGGBB#RGB

最常见、最可控的方式是自己写正则——因为标准 CSS 颜色值种类多(命名色、rgb()、hsl()、hex、transparent 等),但多数项目只接受有限子集。若只要支持 Web 安全的十六进制,std::regex 足够用:

  • ^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$ 能准确匹配 #abc#aabbcc,不匹配 #abcd#ggg
  • 注意 C++11 的 std::regex 在部分旧编译器(如 GCC std::regex_error;建议加 try/catch 或改用 std::string::find_first_not_of 手动校验
  • 别漏掉开头的 ^ 和结尾的 $,否则 "foo#123bar" 也会被误判为合法

处理 rgb()rgba() 时小心数字范围和空格

这类函数式写法不能靠单个正则“一揽子解决”,容易因空格、单位、百分比等细节出错。推荐分步解析:

  • 先用 std::string::substrfind 提取括号内内容,再按逗号分割
  • 对每个分量:用 std::stoi 尝试转整数,检查是否在 0–255;若含 %,则提取数字后验证是否在 0–100
  • rgba(255, 0, 0, 0.5) 中的 alpha 是浮点数,得用 std::stof,且要确认是否在 [0.0, 1.0] 闭区间
  • 空格容忍:CSS 允许 rgb( 255 , 0 , 0 ),所以分割前先用 erase(remove_if(... isspace), ...) 清空格,或用 std::stringstream 自动跳过空白

命名颜色(如 redrebeccapurple)必须查表,不能靠正则

CSS 标准定义了 140+ 个命名颜色(包括 SVG 扩展),它们没有规律可言,std::regex 无法泛化匹配。硬编码查表是最稳做法:

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更

下载
  • std::unordered_set<:string></:string> 预存所有合法名称(小写),例如 {"red", "blue", "rebeccapurple", "transparent"}
  • 注意大小写:CSS 命名色不区分大小写,所以查表前统一转小写(std::tolower 配合 std::transform
  • 别漏掉 transparent——它不是颜色名而是关键字,但被 CSS 规范明确允许作为 color
  • 避免用 std::map,纯查找场景下 unordered_set 平均 O(1),更轻量

别忽略透明度关键字和系统色(currentColorinherit

如果目标是“CSS 全兼容”,那还得覆盖非视觉颜色关键字:

  • currentColorinherit 是有效的 CSS 颜色值,但它们不是具体颜色,语义依赖上下文;若你的场景需要静态校验,应单独列出并允许
  • system colors(如 ButtonFaceHighlight)虽在规范中已废弃,但某些旧浏览器仍支持;除非明确要求兼容 IE,否则可不处理
  • 真正难搞的是自定义属性引用,比如 var(--my-color)——这已经超出“字符串合法性”范畴,属于 CSS 解析器职责,不应在此阶段验证

实际工程中,越早明确“你要支持哪几类”就越省事。盲目追求全 CSS 规范兼容,反而会让代码又重又脆——比如一个嵌入式设备 UI 只需 hex 和 10 个命名色,那就只做这两块。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

css c++ 正则表达式

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c++和c语言的区别有哪些
c++和c语言的区别有哪些

c++和c语言的区别:1、面向对象编程(OOP)支持不同;2、新增特性不同;3、标准库不同;4、编译方式不同;5、命名空间不同等等。想了解更多c++的相关内容,可以阅读本专题下面的文章。

2024.03.14

835

9

c++和python学习顺序推荐
c++和python学习顺序推荐

一般建议先学习C++,再学习Python,因为这样可以逐步从较为底层的编程语言向更高级的语言过渡。想了解更多python的相关内容,可以阅读本专题下面的文章。

2024.03.14

753

6

python和c++学习性价比分析
python和c++学习性价比分析

Python易于学习,广泛应用于Web开发、数据科学和人工智能等领域,但性能较低。C语言性能高,适用于对性能要求较高的场景,如游戏开发和系统编程,但学习曲线陡峭,错误处理复杂。想了解更多python的相关内容,可以阅读本专题下面的文章。

2024.03.14

245

5

c语言和c++一样吗
c语言和c++一样吗

c语言和c++是两种不同的编程语言,虽然有相似之处,但存在显著差异。c语言专注于过程式编程和系统级开发,以简洁、高效著称。c++作为c语言的超集,引入了面向对象编程,增强了代码组织和管理能力,但学习曲线也更陡峭。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

243

5

c语言和c++先学哪个好
c语言和c++先学哪个好

初学者选择学习c语言还是c++语言,需要根据个人学习目标、背景以及编程兴趣和预期应用方向来决定。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

224

5

c语言和c++的区别和联系
c语言和c++的区别和联系

c语言和c++是计算机科学领域应用广泛的编程语言。虽然它们有着相似的基础,但它们在语言类型、语法功能和内存管理方面存在着显著差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

466

5

c++软件中文更改教程
c++软件中文更改教程

对于 ide,可通过打开设置,找到语言设置,选择中文,并保存更改。对于非 ide 应用程序,可查找设置或选项,选择语言设置,更改为中文,并保存更改。想了解更多c++的相关内容,可以阅读本专题下面的文章。

2024.03.21

1133

9

python和java和c++学习性价比分析
python和java和c++学习性价比分析

Python以其易学性、丰富的库和活跃的社区而著称,适合数据科学、人工智能和Web开发。Java以其跨平台性、企业级应用开发和Android应用开发而闻名。C++以其底层控制能力、高效性能和游戏开发而著称。选择哪种语言取决于个人兴趣、职业方向和特定需求。想了解更多python和java和c++的相关内容,可以阅读本专题下面的文章。

2024.03.22

863

7

c++和c语言学习顺序推荐
c++和c语言学习顺序推荐

对于初学者,建议先学习C语言,掌握编程基础后再转入C++,便于理解面向对象编程概念。有编程经验者可直接学习C++,快速接触高级编程技术。想了解更多c++和c语言的相关内容,可以阅读本专题下面的文章。

2024.03.25

1058

9

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
RabbitMQ 教程手册
RabbitMQ 教程手册

共0课时 | 0人学习

Linux man-pages 项目
Linux man-pages 项目

共0课时 | 0人学习

C# 教程
C# 教程

共94课时 | 20.2万人学习