CSSの前に - 元、快適、実用的

擬似要素と擬似クラスCSS：前、後、ホバー、アクティブ、など - 明らかにJavaScriptのハンドラコードを含めない品質を向上させ、実行サイトを簡素化するための有効な機会は、複雑な反応デザイン、要素、イベント、対話と訪問者の行動を必要としません。

シームレスに、注意を引く正しい場所にヒントをもたらすために必要なアクションを明確にする方法元：、多機能、擬似便利でシンプルかつ複雑な著作権のパンのための重要かつ複数の選択肢の特性を有しています。

偉大な見通しは、擬似の内容で指定されたURLを（）を開きます。 確かに、このオプションでは、ページへのダウンロードは何の両方の観点から、新たな地平を開き、どこでも何でもの可能活性化

擬似の独特な特徴

（CSSの前に::、::後）擬似もともとドキュメントツリーには存在しなかった要素、セレクタと疑似クラスは異なります。 おそらく、実際には特に重要ではありませんが、我々は、サイト上のコンテンツを置くの問題を考える場合、あなたは検索エンジンのために何か意味のcontentプロパティには意味がありません信頼しています。

擬似:: CSSの前では、要素にコンテンツを追加することができ、かつ::後 - 後。 内容は、単純なCSSプロパティの面で複雑な書式にテキストが、HTMLタグは異なる場合があります。 前後の意味は相対的かつ移動可能であるため、擬似は完全に取り付けられている要素、内側に位置することができます。 あなただけの位置を指定するだけでなく、サイズ、することができない 色、背景、 フォント、およびCSSの他の機能を使用します。

擬似CSS、 しかし、CSS3標準は推奨「::」：「」の前と後には、記号が付いています。 ページ上の特定の使用をテストするには、一部のブラウザやバージョンでは、単に特定の擬似に気付かないかもしれません以上になることはありません。

利用の一般条件

CSSスタイルシートの説明に示す、クラス=「scElement」とのページへのコンテンツの「要素」を記述し、例えば、DIV要素を配置することにより：

.scElement {
POSITION ...;
Zインデックス...。
...

}

CSS「の前に::」擬似と：「ホバー」あなたは擬似的に適用することができます。

.scElement：ホバー:: {コンテンツの前に： 'プレフィックス'; 色...; 背景色...;}。

あなたが単語「要素」の前にマウスポインタを置くと、その後の文字と背景の色を変更します言葉「プレフィックス」を、表示されます。

コンテンツのバリエーション擬似

scElement - あなたは擬似プロパティを指定しない場合、彼らは主元素と同じになります。 カーソルが要素上の画像を表示する際のURL（「/ scBox / RM-V / SC-rights.png」）：あなたは、URLを指定し、[コンテンツプロパティことができます。 "\の03B1"数学的に表示されます。コンテンツの場合にはシンボル"アルファ"を、 "＆NBSP;"、 "：しかし、特殊文字を使用する＆LT;"、 "＆LAQUO;"、 "表示＆raquo;" そして他の人はそうではない - であるとして、彼らが表示されます。

通常の「テキスト」、URL（）16進数文字のシーケンスを参照してください：擬似の内容を指定するための多くのオプションを可能にしたコンテンツの絶対位置の指標とすることができるようにオープン引用符/クローズ引用符、または全くオープン引用符/非クローズ引用符など。スタイルプロパティを通じて、前に適用することで、CSSは、接続されている要素内のどこにでも擬似を配置します。

あなたは前と後の同時使用を組み合わせることができます。 そのため、コンテンツの文字の前にCSSを使用して配置し、あなたは、異なる擬似クラスと擬似要素を組み合わせ、さまざまな効果を得る訪問者を驚か、同時に1つでもバイトコードJavaScriptを過ごすことができません。

疑似機能

その名称に採用「：」文字だけでなく、擬似的に参照するために、通常で「::」表記CSS3の擬似とは異なり。 それを理解しているブラウザは、両方の指定を感じます。 記録のギャップは、文字列を記録し、擬似（または唯一の）擬似は一緒に記録され、許可されていません。

scElement：ホバー:: {コンテンツの前に： 'プレフィックス'; ...}

scElement：アクティブ：{コンテンツの後： '接尾語'; ...}

CSSをサイトコンテンツのうち、実行する前に：覚えておくことが重要です。 スタイルは、ページの内容に関連していません。 擬似は - 例外ではありません。 彼らは、DOMツリーに表示されていないと、サイトの関連セクションでそれらを使用することは望ましくない - コンテンツで、彼らが得ることはありません。

使用「」と「::」モバイルプラットフォームと現代のブラウザでサポートされているが、多くの場合余計されていない古いバージョンで動作を確認しています。

疑似ではないサイトのコンテンツに含まれるの内容。 これは、検索エンジンは表示されません。 このような状況の使い方 - コンテンツがURLの場合）（面白い、独立して、または複雑で、特定の状況に依存するが、前にCSSを使用する可能性だけでなく、後に。 サイトへのリンクなど、コンテンツの擬似を直接使用することは、彼は、例えば、画像をファイルをダウンロードできるようになります。

オンライン形式のファイルを変更する機能（スタイルシートファイルをカスケード - 例外なく）フォームに干渉し、それは便利であるとして訪問者の行動に応じて、適切な場所のアルゴリズムでは、任意の時点で擬似を使用していません。