Disons que je suis arrivé cette page:CSS: Puis-je sélectionner chaque type d'élément qui ne fait pas partie d'une classe spécifique?
<body>
<h1>Hello!</h1>
<div class="wrapper">
<div class="anotherclass">
<h1>Another heading 1</h1>
</div>
<div class="yetanotherclass">
<h1>Yet another heading 1</h1>
</div>
</div>
<h1>Good bye!</h1>
<div class="class">
<h1>Good bye. And this time I mean it.</h1>
</div>
</body>
Et je veux sélectionner tous H1
éléments qui ne sont pas dans le wrapper
-class. Comment puis-je faire ça avec CSS? Je ne veux pas une « solution » comme
body h1, body .class h1 {style definitions}
Je suis plus après une sorte de ceci:
h1:not(.wrapper > h1) {style definitions}
Est-il possible de le faire?
Ce n'est pas possible avec ma solution actuelle. Je ne peux pas changer le code HTML car il est chargé avec un Javascript d'un serveur externe, ainsi je ne peux pas placer une classe sur les en-têtes. – Zyberzero
J'ai édité ma réponse pour enlever les classes sur l'exemple. Vous n'aurez pas du tout besoin de modifier le code HTML car la première règle définira le style pour les éléments _all_ et la deuxième règle ne s'appliquera qu'à celle avec la classe que vous souhaitez exclure. –