不能直接用正则解析css文件，因其嵌套结构、字符串转义、注释位置、媒体查询和自定义属性会使正则失控；需手写状态明确的tokenizer，按token类型与上下文状态（如字符串内、注释内）逐字符解析，并用string_view+偏移支持定位与性能。
为什么不能直接用正则解析 CSS 文件
因为 CSS 的嵌套结构、字符串转义、注释位置、媒体查询块和自定义属性（--var）会让正则迅速失控。比如 content: "/*"; 里的 /* 不是注释，而 /* comment */ div { } 里的才是——仅靠 std::regex 无法可靠区分上下文。真正可行的路径是「跳过词法分析器生成工具」，手写一个轻量但状态明确的 tokenizer。
如何设计 CSS token 类型与状态机
CSS 解析的关键不是“匹配规则”，而是“识别 token 边界”。你需要至少支持：IDENT（如 color）、STRING（含单/双引号和转义）、NUMBER、DELIM（如 {、;、:）、WHITESPACE、COMMENT、AT_KEYWORD（如 @media）。状态机必须区分：普通流、字符串内、注释内、URL 函数参数内（url("...")）。
实操建议：
- 用
enum class TokenType { IDENT, STRING, COMMENT, ... };明确定义 token 类型，避免 magic number - 每个 token 记录
std::string_view值 + 原始偏移（便于报错定位） - 遇到
"或'后立即进入字符串状态，直到匹配闭合引号或遇到行尾/未闭合错误 -
/*触发注释状态，跳过所有内容直到*/，注意/**/是合法的，但/*结尾无*/是错误 - 不要尝试在 tokenizer 阶段处理转义（如
\n、\20），先原样保留，留到 parser 层展开
如何解析规则集（rule set）而不卡在嵌套里
CSS 的核心结构是「选择器 + 声明块」，但声明块里可能有嵌套（@keyframes、@media），而标准声明（如 color: red;）永远以 ; 或 } 结尾。parser 不需要递归下降，只需按 token 流推进并维护一个栈记录当前块类型（STYLE_BLOCK、MEDIA_BLOCK、KEYFRAMES_BLOCK）。
常见错误现象：@import "a.css"; @media (max-width: 600px) { div { color: blue; } } 中，如果 parser 在 @import 后没消耗掉分号，就会把 @media 当作新规则的选择器，导致解析失败。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
实操建议：
- 用
std::vector<:string_view></:string_view>缓存当前规则的选择器（遇到逗号就切分，遇到{就停止） - 遇到
@开头的AT_KEYWORD，检查下一个 token 是否为STRING或IDENT，再决定是否进入特殊块（如@media后必须跟条件，@import后必须跟STRING或URL） - 声明解析只认
IDENT（属性名）+:+ 任意非;/}token 序列（值），直到遇到;或}才结束该声明 - 不验证属性名是否合法（如
colr: red也应接受），那是后续校验层的事
哪些地方最容易漏掉兼容性细节
CSS 解析器看似简单，但浏览器实际支持的语法远比规范草案宽松。例如：div { width: 100px\9; } 中的 \9 是 IE hack，必须作为 NUMBER 后的后缀保留；background: url(data:image/png;base64,iVBOR...) 的 data URL 不能被误拆成多个 token；font-family: "Times New Roman", serif; 中的逗号在引号外才表示分隔。
性能影响提示：频繁构造 std::string 会拖慢解析。全程使用 std::string_view 指向原始 buffer，并只在必要时（如导出为 JSON）做拷贝。
容易被忽略的一点：CSS 对换行和制表符不敏感，但某些构建工具（如 PostCSS 插件）依赖原始空白位置做 sourcemap。如果你的解析器要支持 source map，token 必须记录起始行列号，而非只记偏移。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
