如何选择没有span子项的p

Question

我正在尝试

  p:not(> span)
    margin-top 0
    margin-bottom 0
    line-height 1.2
  p
    margin-top 0
    margin-bottom 0
    span
      line-height 1.2

和

  p:not(span)
    margin-top 0
    margin-bottom 0
    line-height 1.2
  p
    margin-top 0
    margin-bottom 0
    span
      line-height 1.2

但似乎p的行高始终为1.2，即使它有子跨度。

<p style="text-align:center"><u>Lunch</u></p>
<p><span style="font-size:0.75em">Spaghetti and Meatballs</span></p>

第一个p的行高为1.2，第二个p的行高应为0。

Answer 1

在css中没有任何父选择器。也就是说，您无法选择作为范围父级的段落。这是因为css被评估right to left。因此，如果您真的只想选择p的父span，那么您需要js / jquery。我知道你可以用jquery：

$("p:not(:has(>span))")