我不知道这是可能的,但是当您想要根据应用于类的组合来对元素进行样式时,是否有使用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; }
注意选择器之间没有空格。