CSS selectors — :empty, :not(s), :target, :lang()

Code used

a[href="#lcnF"] {font-weight:bold; border:1px solid #000;} /* hint */
ul#lcnF:target {background: #f2ab91;}
#t1 a {background:#ccc}
#t1 a:not(:focus) {background:#fff;}
.testgrid p:not([lang]) {background:lime; color:white;}
.testgrid p:empty {height:2em; border:1px solid #008;background:#f1f1f1}
#t3 p:lang(fr) {border:2px solid #080;}

notes

• The links in the first box should have a white background in browsers that support the :not() pseudo-class
• Clicking on the first link in the paragraph should jump to the bottom of the page and highlight the footer (:target()).
• :empty: Gecko up to version 1.7 (Firefox 1.0x) incorrectly tags an element as empty when it only contains one or more white-space nodes, or a simple line feed. The following snipped should not be considered ‘empty’:

  <p>
  </p>

• :empty: in Safari, when the only styles applied to the page are inline styles (embeded in the head of the document), and no external stylesheets are linked, then the :empty pseudo-class is applied to all elements E (see testcase E:empty and E are treated as equal).

back to introduction

Last modified: March 16 2006 09:16:22 GMT.

• A [ La Chatte Noire ] development area
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]