diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
| commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
| tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/_colon_current | |
| parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
| download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/css/_colon_current')
| -rw-r--r-- | files/fr/web/css/_colon_current/index.md | 83 |
1 files changed, 43 insertions, 40 deletions
diff --git a/files/fr/web/css/_colon_current/index.md b/files/fr/web/css/_colon_current/index.md index b96560db91..2ddaa36dc0 100644 --- a/files/fr/web/css/_colon_current/index.md +++ b/files/fr/web/css/_colon_current/index.md @@ -1,66 +1,69 @@ --- title: ':current' -slug: 'Web/CSS/:current' -browser-compat: css.selectors.current +slug: Web/CSS/:current translation_of: Web/CSS/:current +browser-compat: css.selectors.current --- -<p>{{CSSRef}}</p> +{{CSSRef}} -<p>Le sélecteur de <a href="/fr/docs/Web/CSS/Pseudo-classes">pseudo-classe</a> <a href="/fr/docs/Web/CSS">CSS</a> <strong><code>:current</code></strong> est une pseudo-classe agissant dans la dimension temporelle et représentant l'élément actuellement affiché, ou un ancêtre de cet élément. Ce sélecteur peut par exemple servir dans le cas d'une vidéo ayant des sous-titres affichés à l'aide du format <a href="/fr/docs/Web/API/WebVTT_API">WebVTT</a>.</p> +Le sélecteur de [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) [CSS](/fr/docs/Web/CSS) **`:current`** est une pseudo-classe agissant dans la dimension temporelle et représentant l'élément actuellement affiché, ou un ancêtre de cet élément. Ce sélecteur peut par exemple servir dans le cas d'une vidéo ayant des sous-titres affichés à l'aide du format [WebVTT](/fr/docs/Web/API/WebVTT_API). -<pre class="brush: css">:current(p, span) { +```css +:current(p, span) { background-color: yellow; -}</pre> +} +``` -<h2 id="syntax">Syntaxe</h2> +## Syntaxe -<p>{{csssyntax}}</p> +{{csssyntax}} -<h2 id="examples">Exemples</h2> +## Exemples -<h3 id="css">CSS</h3> +### CSS -<pre class="brush: css">:current(p, span) { +```css +:current(p, span) { background-color: yellow; -}</pre> +} +``` -<h3 id="html">HTML</h3> +### HTML -<pre class="brush: html"><video controls preload="metadata"> - <source src="video.mp4" type="video/mp4" /> - <source src="video.webm" type="video/webm" /> - <track label="Français" kind="subtitles" srclang="fr" src="subtitles.vtt" default> -</video></pre> +```html +<video controls preload="metadata"> + <source src="video.mp4" type="video/mp4" /> + <source src="video.webm" type="video/webm" /> + <track label="Français" kind="subtitles" srclang="fr" src="subtitles.vtt" default> +</video> +``` -<h3 id="webvtt">WebVTT</h3> +### WebVTT -<pre>FICHIER WEBVTT + FICHIER WEBVTT -1 -00:00:03.500 --> 00:00:05.000 -Voici le premier sous-titre + 1 + 00:00:03.500 --> 00:00:05.000 + Voici le premier sous-titre -2 -00:00:06.000 --> 00:00:09.000 -Voici le second sous-titre + 2 + 00:00:06.000 --> 00:00:09.000 + Voici le second sous-titre -3 -00:00:11.000 --> 00:00:19.000 -Voici le troisième sous-titre -</pre> + 3 + 00:00:11.000 --> 00:00:19.000 + Voici le troisième sous-titre -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/fr/docs/Web/API/WebVTT_API">Web Video Text Tracks Format (WebVTT)</a></li> - <li>{{cssxref(":past")}}</li> - <li>{{cssxref(":future")}}</li> -</ul> +- [Web Video Text Tracks Format (WebVTT)](/fr/docs/Web/API/WebVTT_API) +- {{cssxref(":past")}} +- {{cssxref(":future")}} |
