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

Question

我知道星号匹配元素内的所有元素。有没有包含父元素的选择器？

示例 HTML

<p>
    foobar
    <span>
        foobar
    </span>
</p>

示例 CSS

p * {
    background-color:aqua;
}

现在只有 p 内的 span 元素获得背景色。是否有匹配 p 标签和 p 标签内所有标签的选择器？或者我还需要使用

p, p * {
    background-color:aqua;
}

注意 background-color 只是虚拟内容。

Answer 1

你将不得不使用 p, p *，虽然这取决于你应用的属性，如果它是默认继承的，那么简单地将它应用到 p 并让它的后代继承它。如果您明确地将它应用于所有后代，您可能会不必要地打破继承链。

考虑到背景的性质，我认为将背景颜色应用于 p 的所有后代以及 p 本身没有多大意义.