From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Fri, 17 Sep 2021 20:59:20 +0200
Subject: convert content to md

---
 files/fr/web/css/_colon_future/index.md | 81 +++++++++++++++++----------------
 1 file changed, 42 insertions(+), 39 deletions(-)

(limited to 'files/fr/web/css/_colon_future')

diff --git a/files/fr/web/css/_colon_future/index.md b/files/fr/web/css/_colon_future/index.md
index 5f52b3f062..ef82a54d5a 100644
--- a/files/fr/web/css/_colon_future/index.md
+++ b/files/fr/web/css/_colon_future/index.md
@@ -1,66 +1,69 @@
 ---
 title: ':future'
-slug: 'Web/CSS/:future'
-browser-compat: css.selectors.future
+slug: Web/CSS/:future
 translation_of: Web/CSS/:future
+browser-compat: css.selectors.future
 ---
-<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>:future</code></strong> est une pseudo-classe agissant dans la dimension temporelle qui cible n'importe quel élément apparaissant entièrement après 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) **`:future`** est une pseudo-classe agissant dans la dimension temporelle qui cible n'importe quel élément apparaissant entièrement après 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">:future(p, span) {
+```css
+:future(p, span) {
   display: none;
-}</pre>
+}
+```
 
-<h2 id="syntax">Syntaxe</h2>
+## Syntaxe
 
 {{csssyntax}}
 
-<h2 id="examples">Exemples</h2>
+## Exemples
 
-<h3 id="css">CSS</h3>
+### CSS
 
-<pre class="brush: css">:future(p, span) {
+```css
+:future(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(":past")}}</li>
-</ul>
+- [Web Video Text Tracks Format (WebVTT)](/fr/docs/Web/API/WebVTT_API)
+- {{cssxref(":current")}}
+- {{cssxref(":past")}}
-- 
cgit v1.2.3-54-g00ecf