父A或B的孩子的CSS选择器（最佳实践？）>

Question

总之，我想选择一个具有任一

父A 或父B的子元素。

我想知道在这种情况下是否有一种方法可以简化我的选择器，或者我只有这里做的唯一方法。另外，在这种情况下是否有最佳实践？以下是一些简化的示例：

/* long example (probably not best practice) */
    #parent-a .common-child {
        color: #000;
    }
    #parent-b .common-child {
        color: #000;
    }

/* shortest example I know of */
    #parent-a .common-child, #parent-b .common-child {
        color: #000;
    }
有没有办法做类似的事情：

#parent-a||#parent-b .common-child {
    color: #000;
}
在这些简单的示例中看起来似乎没什么大不了，但是在我的实际CSS中，我有几十个选择器，这些选择器通过DOM进行了一些链接，我想优化文件的大小/可读性。

谢谢！

简而言之，我想选择一个具有父级A或父级B的子元素。我想知道在这种情况下是否有一种方法可以简化我的选择器，或者我唯一的方法是...

Answer 1

/* shortest example I know of */
#parent-a .common-child, #parent-b .common-child {
    color: #000;
}

Answer 2

不幸的是，没有比上一个示例更短的方法了。

Answer 3

在Sass中，可以使用Sass Ampersand：