html - “Fully-wrapped” 独生子选择器

Question

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

澄清一下:我只想选择 <em>里面<p>按照表格，只有当 em 完全包含在 p 中时。即:如果<p>只包含 <em> .

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

我想单独在 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;
}

Demo here on JSFiddle

Answer 1

尝试

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