CSS：应用于类组合的样式？

Question

我不确定这是否可行，但是当您想根据应用于元素的类的组合来设置元素的样式时，是否可以在 CSS 中使用语法？

我知道我可以使用 jQuery 或其他东西检查元素并根据它所具有的类更改它的样式，但是有没有一种纯 CSS 方法可以做到这一点？

例如，如果我有一个粗体和绿色的类：

.bold_green { color:green; font-weight:bold; }

和一个粗体和蓝色的类：

.bold_blue { color:blue; font-weight:bold. }

现在，假设我正在使用 jQuery 动态添加和删除类，并希望具有这两个类的任何元素都变为斜体粉红色。

比如：

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

或者，如果我想设计一个具有类的元素，并且是具有另一个类的另一个元素的后代？

比如：

.bold_green HAS_CHILD .bold_blue { color:black; background-color:yellow; }

谢谢！

编辑

感谢您的所有回答。这些几乎就是我的想法（只是将类视为常规选择器），但它们似乎对我不起作用。我必须检查我的代码并确保它们不会以某种方式被覆盖......

Answer 1

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

或者在 CSS 中：

.bold_green.bold_blue { color: pink; }

注意选择器之间没有空格。

Answer 2

你不需要任何特别的东西，只需

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

Answer 3

保罗和Voyager 对于多类情况是正确的。

对于“HAS CHILD”情况，您将使用：

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

这将为 bold_green 元素内的任何 bold_blue 元素设置样式。

或者，如果您想要一个直接子级：

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

它将仅设置具有直接父级 bold_green 的 bold_blue 元素的样式。

Answer 4

在 Visual Studio 2013 中，CSS 设置通过“逗号”应用于多个类，如下所示：

.bold_green, .bold_blue { color:pink;字体样式：斜体； }