html - CSS:使用多个属性

Question

我可以将样式应用于使用多个属性的元素吗？

例如: 我想将 display:block 规则应用于类为 aaa 的 div 除非它被包裹在一个类为 bbb

的 div 中

所以我试过了

[class~="aaa"] { display:none; }

[class~="bbb"][class~=“aaa"] { display:block; } 

但这行不通。有没有正确的方法？

Answer 1

对于类，你不应该使用 attribute selectors .您只需要类选择器。

所以，而不是:

[class~="aaa"] { display:none; }

你应该有

div.aaa { display:none; }

此外，您的 descendant selector里面应该有一个空格，所以你的第二条规则是(虽然不能 100% 确定确切的语法):

div.bbb div.aaa { display:block; }