今回から、CSS 3の草案「Selectors」で新しく追加されたセレクタについて紹介していきたい。これまでCSS 3のセレクタに十分に対応しているのはOperaだけだったが、FirefoxがFirefox 3.1（ベータ版）で、SafariもSafari 3.1で対応を進めたことにより、Internet Explorerを除く主要なブラウザで利用できるようになった。 今回は、「:first-child」と「:last-child」、「:nth-child()」と「:nth-last-child()」を紹介する。これらのセレクタを利用すると、最初と最後の要素や、指定したナンバーの要素、さらには奇数と偶数の要素に対してスタイルシートを適用することができる。そのため、これまでのように余計な やクラス名を追加することなく、さまざまなデザインを設定できるようになる。 たとえば、こうしたセレクタを利

今回は、jQueryを利用して(X)HTMLとCSSを操作する方法について解説します。(X)HTMLとCSSの操作は、jQueryを利用したプログラミングでは非常によく登場しますので、しっかり押さえておきましょう。 前回までのおさらいと今回の内容 jQueryを利用したプログラムは、 どの(X)HTMLの要素を操作するかを指定するセレクター 処理の内容（命令） の2つが基本です。前回・前々回ではこのうち、1．のセレクターの使い方について解説しました。今回は、セレクターで指定した要素を操作する、2．の命令について紹介します。jQueryでは、$("...") の内側にセレクターを書き、その後ろに .(ドット) でjQueryの命令を記述するという約束でしたので、 .（ドット）の後ろに来る部分ですね。 実務で使うjQueryのプログラムでは、このほかに、命令が実行されるタイミング（「イベント」