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 support for this feature? Tell us why.

En savoir plus
Voir la compatibilité complète

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