隣接セレクター

特定の要素の次の要素のみを指定することも出来、
「+」を使います。

【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月 01 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.