:current

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

Le sélecteur de pseudo-classe CSS :current est une pseudo-classe dimensionnelle temporelle qui représente un élément ou l'ancêtre d'un élément qui est actuellement affiché. Par exemple, cette pseudo-classe peut être utilisée pour représenter une vidéo qui est affichée avec des sous-titres par WebVTT.

css

:current(p, span) {
  background-color: yellow;
}

Syntaxe

css

:current {
  /* ... */
}

:current(<compound-selector-list>) {
  /* ... */
}

Exemples

CSS

css

:current(p, span) {
  background-color: yellow;
}

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

Specification
Selectors Level 4 # the-current-pseudo

Compatibilité des navigateurs

Actuellement, aucun navigateur ne prend en charge cette fonctionnalité.

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le ⁨13 sept. 2025⁩ par les contributeurs du MDN.

View this page on GitHub • Report a problem with this content