Kombiniere a: besucht mit a: after, oder chaining pseudo-classes mit pseudo-elementen

Question

Angenommen, ich wollte eine Form (wie ein Häkchen) neben einem Link nach dem Besuch hinzufügen, anstatt es einfach umzudrehen lila, mit a: nachher zusammen mit a: besucht.

Ich bin nicht sicher, ob ich die Form wie folgt wählen sollte:

a:visited:after { 

oder so:

a:visited a:after 

oder

a:visited :after { 

(ich bin auch ein bisschen fuzzy on, wenn ich ein Leerzeichen vor einem Pseudo-Element einfügen soll oder nicht, oder spielt es überhaupt eine Rolle?)

oder vielleicht etwas anderes?

Im Moment sieht mein css wie folgt aus:

a:visited:after { 
    /* check mark shape */ 
    content:'\00a0'; 
    color: black; 
    position: relative; 
    left:15px; 
    display:inline-block; 
    width: 3px; 
    height: 6px; 
    border: solid black; 
    border-width: 0 2px 2px 0; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
} 

Häkchen Formcode von http://webitect.net/design/webdesign/creating-fancy-bullet-points-with-pure-css3/

Vielen Dank für jede Hilfe.

Answer 1

Sie sollten a:visited:after verwenden, wie Sie gerade tun. Es funktioniert nicht wegen eines Fehlers in Ihrem Code, sondern weil das Problem in der Pseudo-Klasse :visited liegt - es erlaubt nicht die Verwendung von Pseudo-Elementen wegen privacy concerns.

Im Prinzip können Sie Ihr Häkchensymbol nicht nur auf besuchte Links anwenden.

In Bezug auf diese:

(ich bin auch ein bisschen unscharf, wenn ich sollte oder ein Leerzeichen vor einem pseudo-Element nicht hinzufügen, oder ist es auch eine Rolle?)

Es ist von Bedeutung, weil der Raum ein Nachkomme combinator darstellt:

1. der Wähler a:visited a:after stellt die :after pseudo- Element eines a, das ein Nachkomme von einem anderen a ist, der ein besuchter Link ist, der in HTML nicht ganz sinnvoll ist.

2. Der Wähler a:visited :after ist ähnlich a:visited a:after, außer es :after von jede Art Nachkommen a:visited darstellt.

   Es kann umgeschrieben werden als a:visited *:after. Siehe the universal selector in der Spezifikation.

durch den Raum Weglassen Sie anwenden, das Pseudoelement direkt auf das Element durch den Wähler, bevor sie dargestellt, die in Ihrem Fall ist a:visited, nichts von seiner Nachkommen.