aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/_colon_past/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/_colon_past/index.md')
-rw-r--r--files/fr/web/css/_colon_past/index.md83
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">&lt;video controls preload="metadata"&gt;
- &lt;source src="video.mp4" type="video/mp4" /&gt;
-  &lt;source src="video.webm" type="video/webm" /&gt;
-  &lt;track label="Français" kind="subtitles" srclang="fr" src="subtitles.vtt" default&gt;
-&lt;/video&gt;</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 --&gt; 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 --&gt; 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 --&gt; 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")}}