only-child擬似クラス

セレクターに特定の要素が1つだけ含まれる場合、
「:」を使う擬似クラス:only-childで指定します。

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

【HTML】
<ul>
 <li><span>米</span>ドル</li>
 <li>ユーロ</li>
 <li><span>豪</span><span>ドル</span></li>
 <li>英ポンド</li>
 <li>南アランド</li>
</ul>

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

liタグの中にspanタグが1つだけの「米」にスタイルが適応されます。
「豪」はliタグの中にspanタグが2つ含まれているため、
スタイルが適用されません。

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

Comments are closed.