Pseudo-classe CSS :past
Disponibilité limitée
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Want more browser support for this feature? Tell us why.
Le sélecteur de pseudo-classe CSS :past est une pseudo-classe temporelle qui correspondra à tout élément apparaissant entièrement avant un élément correspondant à :current. Par exemple, dans une vidéo avec des sous-titres affichés par WebVTT.
css
:past(p, span) {
display: none;
}
Syntaxe
css
:past {
/* ... */
}
Exemples
HTML
html
<video controls preload="metadata">
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<track
label="Français"
kind="subtitles"
srclang="fr"
src="subtitles.vtt"
default />
</video>
CSS
css
:past(p, span) {
display: none;
}
WebVTT
FICHIER WEBVTT 1 00:00:03.500 --> 00:00:05.000 Voici le premier sous-titre 2 00:00:06.000 --> 00:00:09.000 Voici le second sous-titre 3 00:00:11.000 --> 00:00:19.000 Voici le troisième sous-titre
Spécifications
| Spécification |
|---|
| Selectors Level 5 # the-past-pseudo |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- Format des pistes de texte vidéo Web (WebVTT)
- La pseudo-classe
:current - La pseudo-classe
:future