Is it possible to target <p>&nbsp;</p> with just CSS?

Question

I know I can remove p tags only with  being in them with JS/jQuery like so:

$("p").filter(function(){
    return $.trim(this.innerHTML) === " "
}).remove();

But is it possible to target these with just CSS. Something like these doesn't work:

p[ ] { display: none; }
p:contains(' ') { display: none; }

Answer 1

Unfortunately this isn't possible with just CSS. :contains used to be part of the CSS3 spec but has now been removed.

Answer 2

I have the same problem, and I solved with CSS pseudo selector: 'has:'

  p:has(' ') {
  display: none;
 }