first-child擬似クラス

特定の要素のうち、一番目だけを指定することが出来、
「:」を使う擬似クラス:first-childで指定します。

【jQuery】
<script type=”text/javascript”>
$(function(){
$(“li:first-child”).css(“color”,”#FF0000″);
});
</script>

【HTML】
<ul>
<li id=”first”>米ドル</li>
<li id=”second”>ユーロ</li>
<li id=”third”>豪ドル</li>
<li id=”fourth”>英ポンド</li>
</ul>
<ul>
 <li id=”fifth”>スイスフラン</li>
<li id=”sixth”>ニュージーランドドル</li>
<li id=”seventh”>カナダドル</li>
<li id=”eighth”>シンガポールドル</li>
</ul>

first-child擬似クラスサンプル

liタグの一番目のみスタイルが適用されますが、
親要素が2つあるため、それぞれ

This entry was written by admin , posted on 日曜日 4月 03 2011at 12:04 am , filed under CSS and tagged , . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

Comments are closed.