recherche

Maison >interface Web >tutoriel CSS >Comment puis-je utiliser CSS pour effacer les flotteurs sur les paragraphes suivant un H1 spécifique ?

Comment puis-je utiliser CSS pour effacer les flotteurs sur les paragraphes suivant un H1 spécifique ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-01 11:47:14475parcourir

How Can I Use CSS to Clear Floats on Paragraphs Following a Specific H1?

Sélecteur de frères et sœurs adjacents en CSS

En CSS, le sélecteur de frères et sœurs adjacents vous permet de sélectionner un élément qui apparaît immédiatement après un autre élément spécifique. Il est particulièrement utile pour styliser les éléments qui suivent un élément parent spécifique.

Question :

Vous avez un

avec la classe "hc-reform" et un

étiqueter. Vous souhaitez appliquer le clear: Both; propriété à tous

balises qui viennent après le

.

Solution :

Le sélecteur de frère adjacent est le choix approprié dans ce scénario. La règle CSS correcte serait :

h1.hc-reform + p {
  clear: both;
}

Cette règle sélectionnera n'importe quel

qui est un frère immédiat de la balise

élément avec la classe "hc-reform". Notez que cette syntaxe n'est pas prise en charge dans IE6 ou les navigateurs plus anciens.

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 select class Property 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
Article précédent：Comment puis-je créer un tableau d'en-tête fixe avec des barres de défilement horizontales et verticales à l'aide de JavaScript ?Article suivant：Comment puis-je créer un tableau d'en-tête fixe avec des barres de défilement horizontales et verticales à l'aide de JavaScript ?

Articles Liés

Voir plus