:current
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Der :current
CSS Pseudoklassen Selektor ist eine zeitdimensionale Pseudoklasse, die ein Element oder den Vorfahren eines Elements darstellt, das derzeit angezeigt wird. Zum Beispiel kann diese Pseudoklasse verwendet werden, um ein Video
darzustellen, das mit Untertiteln von WebVTT angezeigt wird.
css
:current(p, span) {
background-color: yellow;
}
Syntax
css
:current {
/* ... */
}
:current(<compound-selector-list>) {
/* ... */
}
Beispiele
CSS
css
:current(p, span) {
background-color: yellow;
}
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 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
Specification |
---|
Selectors Level 4 # the-current-pseudo |
Browser-Kompatibilität
Es gibt keinen Browser, der dieses Feature implementiert.