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 le bold_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.
InformationsquelleAutor Eli | 2010-03-16
  1. 68
    $('.bold_green.bold_blue').addClass('something-else');

    Ou dans le CSS:

    .bold_green.bold_blue { color: pink; }

    Avis il n'y a pas d'espace entre les sélecteurs.

    • Il y a IE des problèmes de compatibilité si, non?
    • Oui, IE6 va lire que css .bold_blue { couleur: rose; }. Vous devez utiliser une variante de l'jQuery Paul depuis jQuery pouvez sélectionner correctement, et d'ajouter une nouvelle classe css appropriée: .quelque chose else { couleur: rose; } j'espère aussi que ceux qui ne sont pas de vrais noms de classe.
    • Idéalement, vous ajouter le CSS comme recommandé d'abord ici, puis ajouter le jQuery mentionné à l'intérieur d'un commentaire conditionnel pour IE6.
    • Quelqu'un peut-il le signaler dans le CSS?
    • Hrm, mentionné ici ... w3.org/TR/CSS2/selector.html#class-html ... " Pour correspondre à un sous-ensemble de la "classe" des valeurs, chaque valeur doit être précédée par un ".".'
    InformationsquelleAutor Paul Alexander
  2. 6

    Vous n'avez pas besoin de rien de spécial, juste

    .bold_green.bold_blue { color:pink; font-style:italic; }
    InformationsquelleAutor Esteban Küber
  3. 3

    Paul et Voyager sont corrects pour les multiples catégories de cas.

    Pour les "ENFANTS" de cas, vous devez utiliser:

    .bold_green .bold_blue { ... } /* note the ' ' (called the descendant selector) */

    Qui style tout bold_blue éléments à l'intérieur d'un bold_green élément.

    Ou si vous voulais un enfant DIRECT:

    .bold_green > .bold_blue { ... } /* this child selector does not work in IE6 */

    Qui sera seul style bold_blue éléments qui ont un parent immédiat bold_green.

    InformationsquelleAutor Joel
  4. 1

    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; }

    InformationsquelleAutor Mehdi