CSS3セレクター nth-child疑似クラス

CSS3セレクター nth-child疑似クラス

セレクターの要素から任意の番号の要素だけを指定できるのが、nth-child疑似クラスです。

下記の例では
li要素が4つ並んでいるうちの2番目のli要素のCSSプロパティーを変更させます。

■javascript

$(function(){
$("li:nth-child(2)").css("color","red")
});

■HTML

<ul>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
</ul>

■表示結果

  • テキストテキスト
  • テキストテキスト
  • テキストテキスト
  • テキストテキスト

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です