CSS-Pseudoklasse :future
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Der :future-CSS-Pseudoklassenselektor ist eine zeitbezogene Pseudoklasse, die auf jedes Element zutrifft, das zeitlich vollständig nach einem Element liegt, auf das :current zutrifft. Ein Beispiel sind Untertitel in einem Video, die mit WebVTT angezeigt werden.
css
:future(p, span) {
display: none;
}
Syntax
css
:future {
/* ... */
}
Beispiele
HTML
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>
CSS
css
:future(p, span) {
display: none;
}
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
Spezifikationen
| Spezifikation |
|---|
| Selectors Level 5 # the-future-pseudo |