Kann ich: Ziel

Question

Im AMP Disallowed Styles, sagen sie:

Pseudo-Selektoren, Pseudoklassen und Pseudoelemente nur in Selektoren erlaubt sind, die Tag-Namen enthalten und diese Tag-Namen dürfen nicht starten mit Verstärker-. Beispiel OK: a: schweben.

#thing:target { 
    some style 
} 

Obwohl der AMP-Test OK ist, habe ich einen Zweifel über solche über CSS-Code. Kann ich es benutzen?

Answer 1

Ich denke, es ist in Ordnung, :target Tag zu verwenden, solange es nicht mit amp- beginnt, wie in der documentation Sie angegeben angegeben. Diese SO answer zeigt, dass der Entwickler :target Pseudoklasse verwendet.

#slide-in-menu { 
    transform: translateX(-100%); 
    transition: transform .2s ease-in-out; 
    ... additional required styles ... 
} 
#slide-in-menu:target { 
    transform: translateX(0); 
} 

... :target ist viel effektiver, und es funktioniert gut für Karussells zu.