子孫セレクター

CSSセレクター 子孫セレクター

複数のセレクターをスペースで区切り指定することで、
特定の要素のさらに内側の要素を絞り込んで指定できます。

下記の例では
特定のid属性の中のspan要素のCSSプロパティーを赤に変更させます。

■javascript

$(function(){
$("#red span").css("color","red")
});

■HTML

<ul>
<li id="red"><span>テキスト</span></li>
<li id="yellow"><span>テキスト</span></li>
<li id="green"><span>テキスト</span></li>
<li id="blue"><span>テキスト</span></li>
<li id="pink"><span>テキスト</span></li>
</ul>

■表示結果

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

人気記事ランキング

投稿者:

kishiken

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

コメントを残す

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