CSS選擇非常直接的孩子

Question

是否可以選擇元素First而不是Second？

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

我打算選擇<code>當其<p>但沒有<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/

Answer 2

p:first-child > code { 
 
    color:#fff; 
 
    background:tomato; 
 
}

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

還包括小提琴代碼，如果你用jQuery做

Working fiddle