後の目的は何ですか？

Question

は、私は、フロントエンドのCSSの:after最近の多くのを見てきましたし、私にはそれが:hoverのように思えるが、私はそれが適用される/動作する方法を正確に理解したいので、差があることが必要がありますか？ ありがとうございました。

Answer 1

擬似要素は単語が意味するかを正確に行います。 というphoney要素を作成し、ターゲットとした要素 の内容の前後に挿入します。単語 "偽"は基本的に "嘘、欺瞞、偽"を意味するギリシャ語の音訳 です。だから、 はドキュメント内の何かを実際に変更しないので、疑似要素を呼び出すことは適切です。むしろ、彼らは ゴーストのような要素をユーザーに見せてくれるもので、CSSでは のスタイルが可能です。 （ベンダープレフィックスのトン を必要としないほとんどのCSSプロパティをあるとして）

基本構文

:beforeと:after擬似要素は、コードには非常に簡単です。ここでは簡単な例です：

#example:before { 
    content: "#"; 
} 

#example:after { 
    content: "."; 
} 

source

Answer 2

与えられた要素の後に何かを挿入するために使用されます。

p::after { 
    content: " - Remember this"; 
} 

hereを参照してください。 とactionにあります。