Condition en CSS sur une classe

toof -
telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention - 13 sept. 2013 à 18:47

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

Afficher la suite

A voir également:

Conditional class css
Nvcontainer windows class - Forum Carte graphique
Logiciel qui empêche l’arrêt NvContainerWindowsClass ✓ - Forum Carte graphique
Enlever le soulignement d'un lien css - Astuces et Solutions
Comment appliquer un display a l'aide de class - Forum Javascript
Css exposant ✓ - Forum CSS

6 réponses

Réponse 1 / 6

akuma06

Je réponds bien après mais il est possible de créer une condition de type valeur="xxx" :
Code HTML
<div class="pays">
<span pays="france">France</span>
<span pays="italie">Italie</span>
</div>

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 =).

Réponse 5 / 6

Profil bloqué

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 :

<?php
if($lieu=="inde") $theme="theme-1";
elseif($lieu=="maroc") $theme="theme-2";
//ou utiliser les "case"
?>
<div class="<?php echo $theme; ?>">
<h2>Titre</h2>
<p>bla bla</p>
</div>

<style>
div.theme-1 h2{
background: ....;
}
</style>

telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention 883

je ne trouve pas tout ça très "saint" ! : )
J'me demande si le dogme n'assainit pas
https://www.w3schools.com/css/css_attribute_selectors.asp :-)

Réponse 6 / 6

gryzzly Messages postés 4608 Date d'inscription Statut Contributeur Dernière intervention 1 335

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 :

<style type="css/text">
.voyage
{
propriétés communes
}
#maroc
{
background-color: black;
}
#inde
{
background-color:green;
}
</style>

<div class="voyage" id="maroc"></div>
<div class="voyage" id="inde"></div>

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"

Discussions similaires

obtenir les codes html/CSS d'une page web

centrer <body> en css

indice et exposant en css ?

CSS: Alignement d'une liste <ul>

[CSS] Augmenter le nombre de fps

Bordures de texte en HTML CSS

Votre réponse

Discussions similaires