CSS wählen sehr direkt Kind

Question

Ist es möglich, das Element First zu wählen, aber nicht Second?

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

Ich beabsichtige <code> zu wählen, wenn sein Kind <p> aber ohne Inhalt (außer Leerzeichen) in <p>

will ich es ohne JS tun, wenn es nicht möglich ist, dass auch eine Antwort wäre, wenn seine erklärte

Answer 1

Sie können dies tun, einen Filter in jQuery mit:

$('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 Beispiel: 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>

auch Geige Code enthalten, wenn Sie es mit jquery tun

Working fiddle