CSS: Style appliqué à une combinaison de catégories?
Je ne suis pas sûr que c'est possible, mais est-il une syntaxe à utiliser dans le CSS quand vous voulez un style à un élément basé sur la combinaison de classes appliqué?
Je comprends que je peux vérifier un élément avec jQuery ou quelque chose et changer de style selon les classes il a, mais est-il une pure CSS façon de le faire?
Par exemple, si j'ai une classe pour le gras et vert:
.bold_green { color:green; font-weight:bold; }
Et une classe pour le gras et bleu:
.bold_blue { color:blue; font-weight:bold. }
Maintenant, dire que je suis à l'aide de jQuery pour ajouter et supprimer des classes de manière dynamique et souhaitez tout élément qui a les deux classes de tourner en italique rose.
Quelque chose comme:
.bold_green AND .bold_blue { color:pink; font-style:italic; }
Ou, si je veux le style d'un élément qui est classe, et est un descendant d'un autre élément qui a une autre classe?
Quelque chose comme:
.bold_green HAS_CHILD .bold_blue { color:black; background-color:yellow; }
Merci!
Modifier
Merci pour toutes les réponses. Ces sont assez bien ce que je pensais (le seul traitement de la classes ordinaires des sélecteurs), mais ils ne semblent pas être de travailler pour moi. Je vais vérifier mon code et assurez-vous qu'ils ne sont pas remplacées en quelque sorte...
- N'avez-vous pas l'utiliser
color: blue
dans lebold_blue
classe? - Yep =o)||||||||
- au passage, si vous avez des classes comme
bold_green
, alors il y a probablement quelque chose de mal avec la façon dont vous êtes en train de concevoir. <insert sémantique spiel> - Mec. C'est un exemple.
Vous devez vous connecter pour publier un commentaire.
Ou dans le CSS:
Avis il n'y a pas d'espace entre les sélecteurs.
Vous n'avez pas besoin de rien de spécial, juste
Paul et Voyager sont corrects pour les multiples catégories de cas.
Pour les "ENFANTS" de cas, vous devez utiliser:
Qui style tout
bold_blue
éléments à l'intérieur d'unbold_green
élément.Ou si vous voulais un enfant DIRECT:
Qui sera seul style
bold_blue
éléments qui ont un parent immédiatbold_green
.Dans visual studio 2013, le CSS, le réglage est appliqué à plusieurs classes par une "Virgule" comme suit:
.bold_green, .bold_blue { color:pink; font-style:italic; }