4

それでGoogleのエイプリルフールのジョークをブラウジングしていて、これを見つけました

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';
}

これはどのような形式で、どのように機能しますか?

4

1 に答える 1

4

content プロパティは、html に挿入するコンテンツを指定します。コンテンツが挿入される場所を指定するには、:before または :after セレクターとペアにする必要があります。使用目的は、要素に before または after セレクターを適用することです。例えば：

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

クラス「著作権」を持つすべての要素の前に著作権記号を追加します。CSS には、HTML での文字エンティティとは何かを行う独自の方法があります。詳細については、@ css-tricks.com/css-content/を参照してください。これは、私がそれについて知っていることのほとんどを学んだ場所です。

ただし、この場合、これを適用する要素が指定されていないため、すべての要素に適用されます。

したがって、エレガンタライザーで使用される文字コードは次のとおりです。

\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 にあります。先頭のゼロを削除し、その前にバックスラッシュを付けるだけです。

于 2013-04-30T02:55:37.593 に答える