CSS:样式应用于类的组合?

前端之家收集整理的这篇文章主要介绍了CSS:样式应用于类的组合?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不知道这是可能的,但是当您想要根据应用于类的组合来对元素进行样式时,是否有使用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; }

或者,如果我想要一个具有aclass的元素,并且是另一个具有另一个类的元素的后代?

就像是:

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

谢谢!

编辑

感谢所有的答案。这几乎是我想的(只是将课程作为常规选择器),但它们似乎不适合我。我必须检查我的代码,并确保它们不被覆盖某种程度…

解决方法

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

或在CSS中:

.bold_green.bold_blue { color: pink; }

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

猜你在找的CSS相关文章