Que fait le symbole \'\' dans les sélecteurs de frères et sœurs CSS ?

La signification de ' ' dans les sélecteurs de frères et sœurs CSS

En CSS, le symbole ' ' représente le combinateur frère adjacent. Il sélectionne un élément qui apparaît immédiatement après un autre élément spécifique. Ce sélecteur est utile pour cibler des éléments spécifiques dans un ordre spécifique.

Exemple :

Considérez la règle CSS suivante :

h2 + p { 
  font-size: 1.4em; 
  font-weight: bold;
  color: #777; 
}

La règle applique les styles spécifiés à n'importe quel

élément qui suit directement un élément

élément. Cela n'affecterait pas

les éléments qui apparaissent après tout autre élément, tels que

ou tags.

Illustration :

<code class="html"><h2>Headline!</h2>
<p>The first paragraph.</p>  <!-- Selected -->
<p>The second paragraph.</p> <!-- Not selected -->

<h2>Another headline!</h2>
<blockquote/>
    <p>A quotation.</p>      <!-- Not selected -->
</blockquote/></code>

• Sélectionné (1) : Le premier

  l'élément vient immédiatement après un

  élément.

• Non sélectionné (2) : Le deuxième

  ne suit pas directement un élément

  élément; au lieu de cela, il suit un

  élément.

• Non sélectionné (3) : L'élément

  L'élément dans le blockquote n'a pas d'élément

  élément qui le précède immédiatement.

Remarque :

Le combinateur frère adjacent est distinct du combinateur frère général '~', qui sélectionne les éléments qui suivent un autre élément n'importe où chez le même parent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

css for symbol this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn