CSS: Style appliqué à une combinaison de classes?
Je ne suis pas sûr que cela soit possible, mais existe-t-il une syntaxe à utiliser dans CSS lorsque vous souhaitez organiser un élément basé sur la combinaison de classes qui lui sont appliquées?
Je comprends que je peux vérifier un élément avec jQuery ou quelque chose et changer c'est style basé sur les classes qu'elle a, mais y a-t-il une solution de CSS pure de faire cela?
Par exemple, si j'ai une classe pour audacieux et vert:
.bold_green { color:green; font-weight:bold; }
Et une classe pour audacieux et bleu:
.bold_blue { color:blue; font-weight:bold. }
Maintenant, disons que j'utilise JQuery pour ajouter et supprimer des classes de manière dynamique et souhaitez tout élément qui a les deux classes pour transformer en italique rose.
Quelque chose comme:
.bold_green AND .bold_blue { color:pink; font-style:italic; }
Ou, si je veux styler un élément qui a des aclasses, 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!
éditer
Merci pour toutes les réponses. Celles-ci sont à peu près ce que je pensais (traiter simplement les classes comme sélecteurs réguliers), mais ils ne semblent pas travailler pour moi. Je vais devoir vérifier mon code et vous assurer qu'ils ne sont pas annulés d'une manière ou d'une autre ...
$('.bold_green.bold_blue').addClass('something-else');
Ou en CSS:
.bold_green.bold_blue { color: pink; }
Remarquez qu'il n'y a pas d'espace entre les sélecteurs.
Dans Visual Studio 2013, le paramètre CSS est appliqué à plusieurs classes par une "virgule" comme suit:
.bold_green, .bold_blue { color:pink; font-style:italic; }