diff options
Diffstat (limited to 'files/fr/web/css/_colon_past/index.md')
-rw-r--r-- | files/fr/web/css/_colon_past/index.md | 83 |
1 files changed, 43 insertions, 40 deletions
diff --git a/files/fr/web/css/_colon_past/index.md b/files/fr/web/css/_colon_past/index.md index cc8a1a3cae..46d313140c 100644 --- a/files/fr/web/css/_colon_past/index.md +++ b/files/fr/web/css/_colon_past/index.md @@ -1,66 +1,69 @@ --- title: ':past' -slug: 'Web/CSS/:past' -browser-compat: css.selectors.past +slug: Web/CSS/:past translation_of: Web/CSS/:past +browser-compat: css.selectors.past --- -<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>:past</code></strong> est une pseudo-classe agissant dans la dimension temporelle qui cible n'importe quel élément apparaissant entièrement avant un élément correspondant à {{cssxref(":current")}}. 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) **`:past`** est une pseudo-classe agissant dans la dimension temporelle qui cible n'importe quel élément apparaissant entièrement avant un élément correspondant à {{cssxref(":current")}}. 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">:past(p, span) { +```css +:past(p, span) { display: none; -}</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">:past(p, span) { +```css +:past(p, span) { display: none; -}</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(":current")}}</li> - <li>{{cssxref(":future")}}</li> -</ul> +- [Web Video Text Tracks Format (WebVTT)](/fr/docs/Web/API/WebVTT_API) +- {{cssxref(":current")}} +- {{cssxref(":future")}} |