[CSS 2] Selector : "ne contient pas"

[elderion]

Bonjour

le préfixe est CSS2 mais peut être que la solution existe en CSS3...

Je cherche a appliquer un :hover sur un élément HTML qui ne contient pas un motif.
j'ai testé en vain des syntaxes telles que :

Code :

.a[class!="no_hover"]

et cherché sur des sites comme notre cher developpez.com (rien),
sur w3school.com rien.

Donc je me dis que que si aucune ressource n'en parle c'est que cette instruction CSS n'existe pas.
Je peux faire les choses de façon inverse, mais je voulais quand même savoir si le "not contains" peut exister d'une quelconque façon en CSS.

Je tente le coup avec ce nouveau post, sait on jamais.

merci pour vos lumières.

[Elwyn]

Personnellement, je n'ai jamais vu cette syntaxe. De plus, j'ai beaucoup de mal à voir l'utilité d'une telle fonction..

[elderion]

exemple :
j'ai une liste de 10 d'onglet :
parmi ces onglets, seul 1 est actif
Tous les onglets sauf l'actif on un effet hover.
l'onglet actif a 2 classes : class="item actif"
les autres ont seulement un 1 class : class="item"

Dans ce cas, ça serait bien pratique d'avoir une instruction tel que :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
a.item {
   color: #000000;
}
 
a.item[classe_qui contient_pas_"actif"]:hover {
 color: #ff0000;
}
 
a.item[classe_qui contient_"actif"]:hover {
 color: #000000;
}

Voila c'est une manière d'illustrer ma problématique, même si c'est peut être pas l'exemple des plus logiques ou plus flagrant.

[12monkeys]

Bonjour

Oui c'est bien en CSS 3 que tu vas trouver la pseudo classe :not

Par exemple :not(div) applique son style à tous les éléments qui ne sont pas des div.

Dans ton cas ce serait un truc du genre : :not(.actif):hoveroù .actif correspond à la classe à exclure.

Fonctionne avec Firefox 4 (a voir pour les autres : fonctionne normalement avec tous les navigateurs récents sauf IE (IE 9 je ne sais pas)).

Tu le trouvera dans ce tutoriel : http://debray-jerome.developpez.com/...teurs-en-css3/