diff options
Diffstat (limited to 'files/fr/web/css/sélecteurs_d_id/index.html')
| -rw-r--r-- | files/fr/web/css/sélecteurs_d_id/index.html | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/files/fr/web/css/sélecteurs_d_id/index.html b/files/fr/web/css/sélecteurs_d_id/index.html deleted file mode 100644 index aa9a2141bc..0000000000 --- a/files/fr/web/css/sélecteurs_d_id/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: Sélecteurs d'ID -slug: Web/CSS/Sélecteurs_d_ID -tags: - - CSS - - Débutant - - Reference - - Sélecteur -translation_of: Web/CSS/ID_selectors ---- -<div>{{CSSRef("Selectors")}}</div> - -<p>Un sélecteur d'identifiant (<em>ID selector</em>) permet, pour un document HTML, de cibler un élément grâce à la valeur de son attribut {{htmlattrxref("ID")}}. Il faut que la valeur soit exactement la même que celle du sélecteur pour que l'élément soit effectivement ciblé.</p> - -<pre class="brush: css no-line-numbers">/* L'élément avec l'identifiant id="demo" */ -#demo { - border: red 2px solid; -}</pre> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">#valeur_identifiant { <em>déclarations</em> }</pre> - -<div class="note"> -<p><strong>Note :</strong> Cela est équivalent à la notation suivante qui utilise un {{cssxref("Sélecteurs_d_attribut", "sélecteur d'attribut")}}:</p> - -<pre class="syntaxbox">[id=valeur_identifiant] { <em>déclarations</em> }</pre> -</div> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">#identifie { - background-color: blue; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><span id="identifie">Voici un span avec du texte.</span> -<span>Et un autre (mais sans identifiant).</span> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 200, 50)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("CSS4 Selectors", "#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS4 Selectors")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS3 Selectors", "#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS3 Selectors")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS2.1", "selector.html#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS2.1")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS1", "#id-as-selector", "ID selectors")}}</td> - <td>{{Spec2("CSS1")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("css.selectors.id")}}</p> |