Was ist der Unterschied zwischen den :: nach und nach?

Question

Ich finde ich die p:after und p::after ich den gleichen Effekt erhalten. (Linie 5 können Sie es finden)

p:after { 
 
    content: "- add_after"; 
 
    background-color: #f00; 
 
}

<p>I am a boy。</p> 
 
<p>I live in Duckburg。</p> 
 

 
<p>this is my home</p>

Also, was ist der Unterschied zwischen dem :after und ::after.

Answer 1

Ressource: https://css-tricks.com/almanac/selectors/a/after-and-before/

Jeder Browser, der den doppelten Doppelpunkt unterstützt (: :) CSS3 Syntax unterstützt auch nur die (:) Syntax, aber IE 8 unterstützt nur die Single-Darm-, so jetzt Es wird empfohlen, einfach den Doppelpunkt für die beste Browserunterstützung zu verwenden.

:: ist das neuere Format eingerückt, um Pseudoinhalte von Pseudo Selektoren zu unterscheiden. Wenn Sie keine Unterstützung für IE 8 benötigen, können Sie den Doppelpunkt verwenden.

Answer 2

Diese separaten Pseudo-Elemente aus Pseudo-Klassen.

Sie können die weiteren Einzelheiten über Unterschied zwischen Pseudoklassen und Pseudoelemente bei

http://www.d.umn.edu/~lcarlson/csswork/selectors/pseudo_dif.html

lesen