@符号的Unicode转义显示为中文字符

Question

@符号的Unicode字符是40，但是当我尝试它时，它只显示中文字符。

p::after{ 
 
    content: 'foo\40bar.com'; 
 
}

<p>Email: </p>

Answer 1

给予Unicode字符之后的空间中正确显示@符号。

p::after{ 
 
    content: 'foo\40 bar.com'; 
 
    /* give a space ^^ after unicode character */ 
 
}

<p>Email: </p>

Answer 2

从W3：

如果，另一方面，下一个字符是一个可以用十六进制数来使用，也不会清楚的地方数量的结尾是。在这些情况下有两种选择。首先是在逃生后使用空间。

或者，您可以使用6位十六进制数字，有或没有空格。

p::after{ 
 
    content: 'foo\000040bar.com'; 
 
}

<p>Email: </p>