CSS :future Selector

❮ Previous Selectors Next ❯

Meaning

The :future selector is a time-dimensional pseudo-class that will match for any element which appears entirely after an element that matches :current.

Version: CSS3



Standard Syntax

:future | :future(Selectors) {
  css declarations;
}


Browser Support

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



Status





Example

CSS

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


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

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
❮ Previous Selectors Next ❯