是否可以在单个表达式中组合多个css选择器?
例如,我想匹配具有父类visit
和子类Home
以及属性名align
,值left
的节点。
.visit > .Home
按预期工作,但是当我添加属性过滤器[align="left"]
时,它无法返回任何结果。
我已经尝试过如下所示的东西,但它不起作用。我是CSS的新手,所以任何指导都会有所帮助。我假设/期望有一个AND(&&)运算符等价物,它会将子组合子的结果传递到属性选择器,但我找不到。
.visit > .Home [align="left"]
答案 0 :(得分:1)
你的选择者......
.visit > .Home [align="left"]
...说,选择具有属性/值对align="left"
的所有元素,它们是具有类Home
的元素的后代,它们是具有类{的元素的子元素{1}}。
删除visit
和.Home
之间的空格。
然后选择器将显示:选择具有类[align="left"]
和属性/值对Home
的所有元素,它们是具有类align="left"
的元素的子元素。< / em>的