CSS - 选择后代元素的后代元素

Question

如果我有HTML代码，

<div class="group">
<p>This paragraph has <code>inline code that should be selected</code>.</p>
<code>This is a block of code that should not be selected.</code>
</div>
<div class="other">
<p>This paragraph has <code>inline code that should NOT be selected</code.</p>
</div>

如何只选择p元素中的code元素，这些元素是"group"类描述的元素的后代？我现在想保持它的相当通用，所以如果我在em元素内有一个code元素，而p元素在元素内，我仍然想选择它。

我一直遇到这个问题，所以我想知道这是否可能，而不是其他方法，实际上并没有解决选择另一个后代元素的后代元素的问题。但是，我是HTML和CSS的新手，所以如果我把所有这些想法都错了，我想知道。

Answer 1

您只需在选择器中使用两个后代组合器。

.group p code