La plupart du temps, il suffit de sélectionner les éléments voulus pour que tout marche. Mais dans certains, on voudra sélectionner tous les éléments sauf certains. la pseudo-classe :not()
permet de sélectionner un élément dans le cas où il ne remplit pas une condition particulière.
Nous voudrons par exemple modifier tous les paragraphes si ceux-ci ne sont pas de la classe para1.
Pour cela notre HTML doit être légèrement adapté :
<h1>Utiliser du <abbr>CSS3</abbr> avec du <abbr>HTML5</abbr></h1> <p>Le <abbr>CSS3</abbr> est la variante en cours de recommandation par le <a href="http://w3.org"> <abbr>W3C</abbr> </a>. Elle s'inscrit, par rapport à ses prédécesseurs, dans la même logique de perfectionnement que le <abbr>HTML5</abbr> par rapport au <abbr>HTML4</abbr>.</p> <p class="para1">Le CSS apporte de nombreuses améliorations et extensions qui le rendent beaucoup plus universel.</p> <aside><p>Le CSS3 est encore en cours de définition, vérifiez régulièrement l'avancée de la recommandation!</p></aside>
p:not(.para1) { color:red }
pour avoir notre deuxième paragraphe, de classe para1, exclu de la modification.
Le CSS3 est la variante en cours de recommandation par le W3C . Elle s'inscrit, par rapport à ses prédécesseurs, dans la même logique de perfectionnement que le HTML5 par rapport au HTML4.
Le CSS apporte de nombreuses améliorations et extensions qui le rendent beaucoup plus universel et utilisable dans de nombreux contextes.
La méthode habituelle veut que nous ayons une sélection positive et non soustractive. Si vous décidez d'utiliser :not()
, assurez-vous que vos collaborateurs sauront y répondre.
Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.
Vous devriez rafraîchir la page.