Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body>
    <div class="demo">
      <h1>:blank selector test by 一丝</h1>
      <p>Firefox support <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3A-moz-only-whitespace" target="_blank">:-moz-only-whitespace(:blank)</a> <a href="http://dev.w3.org/csswg/selectors/?c=M%3BO%3DD#the-empty-pseudo" target="_blank">specs</a></p>
      <p>The correct result is a border with the same color as the text.</p>
      <ul>
        <li class="empty">This is an
          <span></span>
          <span>:empty element</span>
        </li>
        <li class="blank">This is an
          <span>   </span>
          <span>:blank element</span>
        </li>
        <li>This is not an
          <span>   <b></b></span>
          <span>:empty or :blank element</span>
        </li>
      </ul>
    </div>    
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers