验证CSS是有效的语法

时间:2011-09-27 13:22:08

标签: css regex validation

可以在CSS上使用哪些指南来确保它至少在语法上有效。我想出的四个检查是确保至少有一个“{”,“}”,“;”和“:”存在,如果它们确实存在,则“{”和“}”的数量匹配,“:”和“;”的数量比赛。我也检查以确保它以“。”开头。并以“;}”结尾,包含所有可能的空格组合。

我是否可以运行其他任何检查以确保它是有效的语法?

或者更好的是,是否有人可以使用正则表达式来验证这一点?我对正则表达式非常陌生,但它似乎能够处理我提到的所有检查。

2 个答案:

答案 0 :(得分:4)

我能想到的最简单合适的正则表达式是:

(([.#]?[a-zA-Z_-0-9]+\ *)+\{([a-zA-Z-])+\ *\:[^;]+;\})+

它不考虑 @charset ...; 指令和注释(\ * ... * \), 它也不检查内容中 url(...)和“...”对中的大括号:“...”, 但如果需要,你可以尝试自己添加。

答案 1 :(得分:2)

您可以通过w3 css验证器运行它:http://jigsaw.w3.org/css-validator/