Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. CSS
  3. Reference
  4. Selectors
  5. :future

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

:future

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Der:futureCSSpseudo-class Selektor ist eine zeitdimensionale Pseudo-Klasse, die für jedes Element übereinstimmt, das vollständig nach einem Element erscheint, das mit:current übereinstimmt. Ein Beispiel dafür ist ein Video mit Untertiteln, die mitWebVTT angezeigt werden.

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

Syntax

css
:future {  /* ... */}

Beispiele

CSS

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

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>

WebVTT

WEBVTT FILE100:00:03.500 --> 00:00:05.000This is the first caption200:00:06.000 --> 00:00:09.000This is the second caption300:00:11.000 --> 00:00:19.000This is the third caption

Spezifikationen

Specification
Selectors Level 4
# the-future-pseudo

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp