The :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed. For example in a video with captions which are being displayed by WebVTT.

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

:current

The :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed. For example in a video with captions which are being displayed by WebVTT.

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

Syntax

:current

Examples

CSS

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

HTML

<video controls preload="metadata">   <source src="video.mp4" type="video/mp4" />   <source src="video.webm" type="video/webm" />   <track label="English" kind="subtitles" srclang="en" src="subtitles.vtt" default> </video> 

WebVTT

WEBVTT FILE  1 00:00:03.500 --> 00:00:05.000 This is the first caption  2 00:00:06.000 --> 00:00:09.000 This is the second caption  3 00:00:11.000 --> 00:00:19.000 This is the third caption 

Specifications

No specification found

No specification data found for css.selectors.current.Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

No compatibility data found for css.selectors.current.Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also

Web Video Text Tracks Format (WebVTT) :past :future

Last modified: Jan 24, 2022, by MDN contributors

Select your preferred language English (US)Français Change language