セレクターその１１（否定擬似クラス[CSS3]）

jQuery セレクター

セレクター内で特定の条件「以外」のものを指定できる。
セレクターの後ろに :not(...) を付け、除外する条件を (...) 内に記述すると。

サンプルだとnotの括弧中には擬似クラスである:first-childが指定されているけど、ようするにセレクターフォーマットの識別子を記述できる感じなんだろうか。
例によってサンプル＋自前タグで実験。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("li:not(:first-child)").css("color","red");
        $("div span:not(.class0)").css("color","blue");
      })
    </script>
  </head>
  <body>
    <ul>
      <li>テキストテキストテキストテキストテキスト</li>
      <li>テキストテキストテキストテキストテキスト</li>
      <li>テキストテキストテキストテキストテキスト</li>
      <li>テキストテキストテキストテキストテキスト</li>
    </ul>
    <div>
      <div>hoge0</div>
      <span class="class0">hoge1</span><br />
      <span>hoge2</span>
      <div>hoge3</div>
      <div>hoge4</div>
      <div>hoge5</div>
    </div>
  </body>
</html>

おお！ちゃんとhoge2が青くなった！