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

标签 html css css-selectors

是否可以在单个表达式中组合多个 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/

相关文章:

javascript - 如何检测输入字段上的编程值变化

css - Cordova 文本字体有白色轮廓吗?

html - 使用 CSS 为 I.E 设计样式?

css - 对齐选择器内的文本

javascript - 如何在 SQL 中保存 OFFSET 的当前状态

javascript - 我想读出我的多重上传表单的文件名,并且我想将其包含在数据库中

javascript - jQuery on click动画只发生在第一次点击之后

jquery - 选中其他内容时设置样式

javascript - CSS 非选择器不起作用?

css - 是否有 CSS 父级选择器?