CSS中是否支持通过或（OR）逻辑组合多个属性选择器？

多个CSS属性选择器直接连写（无分隔符）时，默认确实是「与（AND）」组合匹配逻辑，即元素必须同时满足所有连写选择器的条件才会被选中，示例：

/* 匹配href以https开头、且以.org结尾的链接 */
a[href^="https"][href$=".org"] {
  color: green;
}

CSS没有提供属性选择器单组连写的“或”语法，要匹配href属性值包含a、b、c三者中任意一个的<a>元素，标准写法是用逗号分隔多个选择器组成选择器列表——只要元素满足列表中任意一个选择器的匹配规则，就会被选中，这是CSS原生实现“或”逻辑的通用方案，写法如下：

/* 匹配href包含a、或包含b、或包含c的a元素 */
a[href*="a"],
a[href*="b"],
a[href*="c"] {
  /* 在这里写自定义样式 */
  color: green;
}

补充两点说明：

• 上述代码中用到的[href*="xxx"]是CSS属性选择器的子串匹配语法，作用是匹配href属性值任意位置包含指定字符串的元素
• 逗号分隔实现或逻辑的规则适用于所有CSS选择器，不止属性选择器，类选择器、ID选择器、伪类选择器等都可以通过这种方式组合，实现多条件或匹配

内容的提问来源于stack exchange，提问作者Enlico