css - 在 CSS 属性选择器中分组

标签 css css-selectors

这些是否等价:-

selector[attr1="val1"] [attr2="val2"] {
  property: value;
}

选择一个{selector},它有一个名为 [attr1] 的属性,其准确值为“val1”,并且同样的 {selector} 有一个名为 [attr2] 的属性,其准确值为“val2” .由于逻辑运算符是“AND”,任何一个条件错误都会导致选择器失败。

selector[attr1="val1"], selector[attr2="val2"] {
 property: value;
}

这个使用分组。我可以像对前者所做的那样对后者进行假设吗?

最佳答案

不,逗号更像是一个 OR,它将选择具有属性 1 或属性 2 或两者的目标

关于css - 在 CSS 属性选择器中分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23029163/

相关文章:

javascript - 如何让一个选择选项显示多个 div?

css - 组合星号和父元素的选择器?

css - 第一个向右浮动的元素

#选择器下的CSS类

css - 无法将元素 (div) 定位到左侧

html - 无法使用html和css水平显示菜单

css - div 内的超链接与在 HTML/CSS 中的标签内分配的类

javascript - enchant.js 游戏创建 if 语句来显示 div

html - 浏览器忽略 HTML 元素的 CSS 选择器

testing - TestCafe:指定选择器的问题:跨度抓取文本