谷歌elegantizr如何工作？

Question

所以我通过谷歌的愚人节笑话浏览，我发现这一个

http://www.google.com/landing/elegantizr/

号称装载超快速的CSS，但使用这个代码这个代替

http://shodor.org/~amalani/elegantizr.html

:before { 
    content: '\41\50\52\49\4C\20\46\4F\4F\4C\20\F4\BF\F4'; 
} 

这是什么格式，h ow是否有效？

Answer 1

content属性指定要插入到html中的内容。它必须与before：：before选择器配对，以指定内容将被插入的位置。预期的用途是将选择器之前或之后应用于元素。例如：

.copyright:before {content: "\00A9 ";} 

将版权符号添加到类“版权”类的每个元素的前面。 CSS有它自己的做HTML的方式是字符实体。更多信息可在@css-tricks.com/css-content/找到。这是我所了解的大部分知识。

但是，在这种情况下，他们没有指定将其应用于哪个元素，因此它应用于所有元素。

那么，在elegantizer使用的字符代码如下：

\41 = A 
\50 = P 
\52 = R 
\49 = I 
\4C = L 
\20 = space 
\46 = F 
\4F = O 
\4F = O 
\4C = L 
\20 = S 
\F4 = ô 
\BF = ¿ 
\F4 = ô 

的Unicode字符的完整列表可以在List of Unicode Characters Wiki找到。只需删除前导零并在它们前面加一个反斜杠即可。