如何组合/管道多个选择器?

时间:2017-10-03 21:33:03

标签: html css css3 css-selectors

是否可以在单个表达式中组合多个css选择器?   例如,我想匹配具有父类visit和子类Home以及属性名align,值left的节点。

.visit > .Home按预期工作,但是当我添加属性过滤器[align="left"]时,它无法返回任何结果。 我已经尝试过如下所示的东西,但它不起作用。我是CSS的新手,所以任何指导都会有所帮助。我假设/期望有一个AND(&&)运算符等价物,它会将子组合子的结果传递到属性选择器,但我找不到。

.visit > .Home [align="left"]

1 个答案:

答案 0 :(得分:1)

你的选择者......

.visit > .Home [align="left"]

...说,选择具有属性/值对align="left"的所有元素,它们是具有类Home的元素的后代,它们是具有类{的元素的子元素{1}}。

删除visit.Home之间的空格。

然后选择器将显示:选择具有类[align="left"]和属性/值对Home的所有元素,它们是具有类align="left"的元素的子元素。< / em>的