谷歌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找到。只需刪除前導零並在它們前面加一個反斜槓即可。