CSS选择非常直接的孩子

Question

是否可以选择元素First但不能选择Second？

<p> <code>first</code> </p>
<p> Text <code>second</code> Text </p>

我打算在其<code>的孩子选择<p>，但<p>

中没有内容（空白除外）

我想在没有JS的情况下这样做，如果不可能，如果解释

那也是一个答案

Answer 1

您可以使用jQuery中的过滤器执行此操作：

{{1}}

JSfiddle示例：https://jsfiddle.net/jennifergoncalves/eywk7b53/1/

Answer 2

p:first-child > code {
  color:#fff;
  background:tomato;
}

<p> <code>first</code> </p>
<p> Text <code>second</code> Text </p>

如果使用jquery

，还包括小提琴代码

<强> Working fiddle