Enfant de pseudo-classe de négation CSS :not()

Bonjour, je souhaiterais réaliser cette non-sélection :

Code:

---

#content:not(.ban) img

---

Pour exclure

Code:

---

<div id="content" class="ban"><img src=".."/>[...]<img src=".."/></div>

---

En évitant d'avoir à faire ça :

Code:

---

#content img:not(.ban)

---

Pour exclure

Code:

---

<div id="content"><img class="ban" src=".."/>[...]<img class="ban" src=".."/></div>

---

Est-ce possible ? Quelle serait la syntaxe ?

Le but étant d'optimiser et surtout pour faciliter la maintenance. C'est plus simple d'ajouter une ligne CSS que devoir rajouter des classes à des milliers d'éléments.

Attention ceci ne m'intéresse pas car certains trucs sont à conserver, sinon je l'aurais fait ;

Code:

---

#content img{/*annulation de paramètres*/}

---

Merci d'avance pour vos avis éclairés. ;)

D'ici, je ne comprends pas ce que vous voulez faire à la fin.

Je me permets d'adapter le code pour simplifier le test. On part de:

Code:

---

1 2 3 4 5

<div id="content"> <p>foo</p> <em>bar</em> <p>foo</p> </div>

---

Par exemple, vous voulez mettre tous les éléments de CONTENT en rouge sauf em. Deux solutions:

Code:

---

#content em {color: green; /* exemple */}

---

ou

Code:

---

#content :not(em) {color: red;}

---

Dans tous les cas, il faut se méfier de l'accumulation de sélecteurs et rester simple. Mais peut-être que je ne mesure pas la situation :)

Bonjour,

sauf erreur, la réponse est contenue dans la question. :aie:

Autant pour moi !

On m'inspirant de ta réponse Muchos, il suffit que je passe la class ban à content et que je fasse ça :

Code:

---

.ban not(img)

---

Je ne pense pas à utiliser des éléments html dans le not mais c'est super.

Merci à vous !