diff options
Diffstat (limited to 'files/fr/web/css/general_sibling_combinator/index.html')
-rw-r--r-- | files/fr/web/css/general_sibling_combinator/index.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/files/fr/web/css/general_sibling_combinator/index.html b/files/fr/web/css/general_sibling_combinator/index.html index 96352aacb8..683722db57 100644 --- a/files/fr/web/css/general_sibling_combinator/index.html +++ b/files/fr/web/css/general_sibling_combinator/index.html @@ -13,7 +13,7 @@ original_slug: Web/CSS/Sélecteurs_de_voisins_généraux <p>Le combinateur <code>~</code> permet de séparer deux sélecteurs et de cibler un élément si celui-ci correspond au second sélecteur et est précédé (mais pas forcément voisin immédiat) d'un autre élément correspondant au premier sélecteur qui partage le même parent. Les deux éléments sont des fils d'un même parent {{domxref("Element")}}, voisins immédiats ou pas.</p> -<pre class="brush: css no-line-numbers notranslate">/* Parmi tous les éléments <img>, cibler tous +<pre class="brush: css no-line-numbers">/* Parmi tous les éléments <img>, cibler tous éléments <p> qui les suivent. */ img ~ p { color: red; @@ -21,20 +21,20 @@ img ~ p { <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">premier_element ~ second_element { <em>propriétés de style</em> } +<pre class="syntaxbox">premier_element ~ second_element { <em>propriétés de style</em> } </pre> <h2 id="Exemples">Exemples</h2> <h3 id="CSS">CSS</h3> -<pre class="brush: css notranslate">p ~ span { +<pre class="brush: css">p ~ span { color: red; }</pre> <h3 id="HTML">HTML</h3> -<pre class="brush: html notranslate"><span>Ici, ce n'est pas rouge.</span> +<pre class="brush: html"><span>Ici, ce n'est pas rouge.</span> <p>Voici un paragraphe.</p> <code>Un peu de code.</code> <span>Et un autre span.</span> |