CSS选择非常直接的 child

Question

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

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

我打算选择 <code>当它是 <p> 的 child 时但在 <p> 中没有内容(空格除外)

我想在没有 JS 的情况下完成它，如果不可能的话，如果它的解释也是一个答案

Answer 1

您可以使用 jQuery 中的过滤器来做到这一点:

$('p').filter(function() {

  var nodetoCheck = $(this).contents()[0];
  if ($(this).contents()[0].nodeValue.trim() === '') {
    nodetoCheck = $(this).contents()[1];
  }

  if (nodetoCheck.nodeType === 1) {
    return true;
  }
}).addClass('selected');

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