Unicode escape для символа @ отображается как китайский символ

Question

Символ Юникода для символа @ - 40, но когда я попробовал, он просто отображается как китайский символ.

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

<p>Email: </p>

Answer 1

Давать пробел после Юникода символа отображает @ символ правильно.

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

<p>Email: </p>

Answer 2

От W3:

Если, с другой стороны, следующий символ, который может быть использован в шестнадцатеричных чисел, не будет понятно, где конец номера. В этих случаях есть два варианта. Во-первых, использовать пробел после выхода.

В качестве альтернативы вы можете использовать шестизначное шестнадцатеричное число с пробелом или без него.

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

<p>Email: </p>