“完全包装”的独生子选择器

Question

我想只选择第一个表中的<em>元素，而不是第二个表。是否有任何 CSS 选择器可以这样做？

澄清一下：我只想在表格后面<p>选择<em>，只有当 em 完全包装到 p 中时，即：如果 <p> 只包含 <em> .

顺便说一下，我不确定在最后一个<p>元素中如何称呼What do you think about和thing?部分。从技术上讲，它们不是兄弟姐妹元素，因为它们不是元素。

我想只在 CSS 中这样做。

<table>
<td>blah</td>
</table>
<p><em>My name is legend</em></p>

<table>
<td>blah</td>
</table>
<p>What do you think about <em>this</em> thing?</p>

这就是我到目前为止得到的，但这太宽泛了，选择了两者：

table + p > em:only-child {
    color: red;
}

在JSFiddle上演示

Answer 1

尝试

table:first-of-type + p > em:only-child {
    color: red;
}