---
title: ':future'
slug: Web/CSS/:future
translation_of: Web/CSS/:future
browser-compat: css.selectors.future
---
{{CSSRef}}

Le sélecteur de [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) [CSS](/fr/docs/Web/CSS) **`:future`** est une pseudo-classe agissant dans la dimension temporelle qui cible n'importe quel élément apparaissant entièrement après un élément correspondant à {{cssxref(":current")}}. Ce sélecteur peut par exemple servir dans le cas d'une vidéo ayant des sous-titres affichés à l'aide du format [WebVTT](/fr/docs/Web/API/WebVTT_API).

```css
:future(p, span) {
  display: none;
}
```

## Syntaxe

{{csssyntax}}

## Exemples

### CSS

```css
:future(p, span) {
  display: none;
}
```

### 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>
```

### 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

{{Specifications}}

## Compatibilité des navigateurs

{{Compat}}

## Voir aussi

- [Web Video Text Tracks Format (WebVTT)](/fr/docs/Web/API/WebVTT_API)
- {{cssxref(":current")}}
- {{cssxref(":past")}}