是否可以在单个表达式中组合多个 css 选择器?
例如,我想匹配具有父类 visit
和子类 Home
以及属性名称 align
、值 left 的节点
。
.visit > .Home
按预期工作,但是当我添加属性过滤器 [align="left"]
时,它无法返回任何结果。
我尝试了以下方法,但没有用。我是 CSS 的新手,所以任何指导都会有所帮助。我假设/期望有一个 AND(&&) 运算符等价物,它将子组合器的结果通过管道传输到属性选择器中,但我找不到任何东西。
.visit > .Home [align="left"]
最佳答案
你的选择器...
.visit > .Home [align="left"]
... 是说,选择所有具有属性/值对 align="left"
的元素,这些元素是 Home
类元素的后代,它们是 visit
类元素的子元素。
删除 .Home
和 [align="left"]
之间的空格。
然后选择器将读取:选择具有类 Home
和属性/值对 align="left"
的所有元素,它们是元素的子元素使用类 visit
。
关于html - 如何组合/管道多个选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46553770/