CSS3 - Pseudo classes - Other

See also:

:lang

Matches an element based on it's W3C language code.


  :lang(de), :lang(fr) {
      font-style: italic;
      border-bottom: 2pt solid violet;
  }


  <ul>
      <li lang="en">Good Day</li>
      <li lang="fr">Bonne journée</li>
      <li lang="de">Schönen Tag</li>
  </ul>

:target

Matches an element whose id is the same the current URL fragment.


  :target {
      border: 2pt solid blue;
  }

Note the URL fragment in the browser address bar. #target-example


  <a href="#target-example">Click to target this entry</a>

:not

Introduces a not clause into the selector.


  li:not(.enabled) {
      color: gray;
  }


  <ul>
      <li class="enabled">Home</li>
      <li class="enabled">About</li>
      <li>Contact</li>
  </ul>

Ads by Google