Si j'ai ce HTML, comment puis-je sélectionner tous les éléments entre les deux éléments H2 avec CSS? Je ne peux pas utiliser jQuery.
<h2 ></h2> <p></p> <table></table> <p></p> <p></p> <h2 ></h2> <p></p> <p></p>
3 Réponses :
Ceci peut être fait à l'aide d'une combinaison du : pas () code> sélecteur et le Général Combinateur de soeur .
Vous pouvez appliquer un style dans le premier p> H2 code> frères et sœurs et le style de remplacement pour la seconde, vous appliquerez un style sur les éléments "entre" avec CSS, quelque chose Comme: p>
<h2>Title</h2>
<p>Paragraph</p>
<table>
<tr>
<td>Table</td>
</tr>
</table>
<p>Paragraph</p>
<p>Paragraph</p>
<h2>Title</h2>
<p>Paragraph</p>
<p>Paragraph</p>
Merci pour votre réponse. Cela ne peut pas vous aider car le code contient d'autres éléments que je ne veux pas sélectionner
@Ibrahimsaber Avez-vous essayé la réponse mise à jour? Cela semble fonctionner juste bien ...
Si vous utilisez un peu code> pour envelopper votre contenu, sélectionnez cette div et : non (H2) code> devrait fonctionner: <div class="wrapper">
<h2>heading1</h2>
<p>paragraph1</p>
<table>
<tr>
<td>el of table</td>
</tr>
</table>
<p>paragraph1</p>
<p>paragraph1</p>
<h2>heading2</h2>
</div>
J'ai nettoyé votre réponse un peu, j'espère que ça ne vous dérange pas!
En supposant que les types d'éléments varient, vous ne pouvez pas sélectionner tous les éléments entre deux éléments, comme dans votre exemple. Mais vous pouvez exclure les premiers et derniers éléments, ce qui fait efficacement la même chose.
p>
<article> <h2>heading</h2> <p>paragraph</p> <p>paragraph</p> <p>paragraph</p> <p>paragraph</p> <h2>heading</h2> </article>
Non, CSS n'a vraiment que "scanner" dans une direction. Les plus proches que vous obtiendriez sont les Sélecteur général de soeur . Cela sélectionnera toutefois tous les frères et sœurs, sauf si vous excluez certains avec Pas
Merci de votre aide.