CSS :current Selector

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

1
00:00:00.000 --> 00:00:03.000
This is the first caption

2
00:00:03.000 --> 00:00:06.000
This is the second caption

3
00:00:6.000 --> 00:00:9.000
This is the third caption

Meaning

The :current selector is a time-dimensional pseudo-class that represents an element or the ancestor of an element that is currently being displayed.

For example, this pseudo-class can be used to represent a video that is being displayed with captions by WebVTT.

Version: CSS3

Standard Syntax

:current | :current(selectors) {
  css declarations;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Status