CSS: Style applied to a combination of classes?

Question

I\'m not sure this is possible, but is there a syntax to be used in CSS when you want to style an element based on the combination of classes applied to it?

I understand

Answer 1

In visual studio 2013 the CSS setting is applied to multiple classes by a "Comma" as follows:

.bold_green, .bold_blue { color:pink; font-style:italic; }

Answer 2

Paul and Voyager are correct for the multiple classes case.

For the "HAS CHILD" case you would use:

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

Which will style any bold_blue elements inside a bold_green element.

Or if you wanted a DIRECT child:

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

Which will style only bold_blue elements which have an immediate parent bold_green.

Answer 3

$('.bold_green.bold_blue').addClass('something-else');

Or in CSS:

.bold_green.bold_blue { color: pink; }

Notice there's no space between the selectors.

Answer 4

You don't need anything special, just

.bold_green.bold_blue { color:pink; font-style:italic; }