間接セレクター

特定の要素の次以降を指定することが出来、
「~」を使います。

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

【HTML】
<ul>
 <li id=”first”>米ドル</li>
 <li id=”second”>ユーロ</li>
 <li id=”third”>豪ドル</li>
 <li id=”fourth”>英ポンド</li>
 <li id=”fifth”>南アランド</li>
</ul>

間接セレクターサンプル

id=”second”より後にあるliタグがスタイル適用対象になります。

This entry was written by admin , posted on 水曜日 4月 06 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.