Condition en CSS sur une classe

Question

Bonjour,
Je voudrai savoir s'il est possible en CSS de donner une condition, en fonction de la valeur qu'un class peut prendre 

                       exemple un background-color
                                                                         Si class "voyage" ="Inde" Alors  background-color Noir
                                                                         Si class "voyage" ="Maroc" Alors background-color Vert

                       Merci de vos réponses

akuma06 · Accepted Answer

Je réponds bien après mais il est possible de créer une condition de type valeur="xxx" : Code HTML

France Italie

Code CSS .pays span[pays="france"] { background:blue; color:white; } .pays span[pays!="france"] { background: green; color:red; } Voilà j'espère avoir aidé d'autres personnes qui passeront =).

gryzzly · Answer

Ce que tu ecris n'a pas de sens. une classe css n'a pas "identifiant + valeur" (ex: voyage = inde, voyage =maroc...) Une classe, c'est un moyen d'attribuer aplusieurs éléments des propriétés communes (l'élément se répète plusieurs fois dans la page). Si tu veux spécifier des particularités, il faut utiliser un identififant "id" (lélément est unique dans la page) ex :

cependant, il faudrait vérifier que cette syntaxe class+id dans un meme élément div est bien valide w3c. je n'en suis pas sur. si ce n'est pas valide, il faut gérer uniquement par "id"

toof · Answer

OK merci beaucoup gryzzly pour toute ces précisions

toof · Answer

euh en fait je continue un peu sur la lancée :) si ca t'ennuie pas. Désolé je suis amateur j'aimerai comprendre. Donc dans mon code source j'ai ca :

Inde 2007

ou ca

Maroc 2006

etc... et donc je voudrait faire changer le background-image selon ou je suis allé, je vais pas mettre le Taj mahal au maroc ou la Tour eiffel en Inde, j'espère me faire comprendre....:) Donc peut être c'est la valeur de "h2" qui va déterminer ma condition....mais je suis un peu perdu... Si je raconte n'importe quoi et que c'est pas possible ce que je veux faire, dis le moi c'est pas grave je recommencerai plus:) Merci ! Toof

eric81500 · Answer

Désolé de déterrer ce post mais il m'a été bien utile et désolé Grizzly mais la réponse de Akuma06 fonctionne très bien , je me posais la même question sur un affichage conditionnel de code couleur pour une liste de département bien cela a bien fonctionné, merci Akuma06

Waelb83 · Answer

salut je ne trouve pas tout ça très "saint" ! : ) pourquoi ne pas tout envelopper dans une div avec une class .nom_du_theme, et appliquer ensuite des styles si le site est en PHP, on peut imaginer :

Titre

bla bla

Condition en CSS sur une classe

6 réponses

Votre réponse

Discussions similaires