Html “；完全包裹”；独子选择器

我只想选择第一个表中的

元素，而不是第二个。有没有CSS选择器可以这样做

澄清一下：我只想在表后面的

中选择

，前提是em完全包装到p中。i、 e.：如果

只包含

顺便说一下，我不知道如何称呼最后一个

元素中的

部分
和
部分。从技术上讲，它们不是兄弟元素，因为它们不是元素

我想单独在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:first-of-type + p > em:only-child {
    color: red;
}

我认为这在纯css中是不可能的。但是，如果将
em
前后的文本包装在一些内联元素（如
span
）中，则选择器可以正常工作。不……如果不更改HTML标记，这是不可能的。CSS无法“检测”文本节点。JS是必需的。我不太关心表的顺序，而是关心结构。i、 e:我只想选择em，如果它是包装在p中的唯一元素。使用指向JSFIDLE的链接更新了问题。
table:first-of-type + p > em:only-child {
    color: red;
}