网络安全基础--编码和转义之CSS转义

当为一些 class 或 id 属性值比较奇怪的标签 编写 CSS 样式时，我们需要考虑到一些限制。例如：不能直接使用 ## { color: #foo; } 来匹配到 id="#" 这样的元素；而是应该将这些怪异的字符进行转义，这样做就可以消除标识符中包含的特殊 CSS 字符的涵义，还可以引用到不能简单敲出来的字符，如令人抓狂的 Unicode 符号。

CSS 中如何进行转义？

开头数字

如果一个标识符的第一个字符是数字时，需要用其Unicode码来进行转义。例如，1的 Unicode代码点为U+0031，那么就用\000031或者\31来转义。

基本上，所有数字字符的转义，都只需要在其之前附加\3及之后附加空格即可。

特殊字符

任何不是16进制的数字(即0到9和 a-f)、换行、回车、换页的字符都可以通过反斜杠来消除它的特殊含义。

下述字符在 CSS 中是有特殊含义的：

!, ", #, $, %, &, ', (, ), *, +, ,, -, ., /, :, ;, <, =, >, ?, @, [, \, ], ^, `, ,, {, |, }, and ~。

如果你想使用这些字符，有两种选择：第一种，使用 Unicode 代码点，例如，加号 (+) 的代码点是 U+002B，则使用\2b （注意结尾处的空格）或者\00002b（使用完整的6位16进制数字）来转义。第二种则比较优雅一点，只需使用反斜杠 (\) 即可，例如，+ 使用 \+ 转义。

能够匹配 [\t\n\v\f\r] 的字符都需要根据 Unicode 码来进行转义；空格字符仅需用反斜杠进行转义（"\ "）；其他空白字符则不需要转义。