6999


jQueryのCSSセレクタの中にある「>」の存在理由がわかりません。

元のhtml

[code]

    <div id="button1">
    <button>aaa-btn<span class="big">
           <span>aaa</span></span></button>
    
[/code]

css

[code]

    何かしら適当な色や形状
    
[/code]

jQuery

[code]

    $(function(){
       $("#button1 .big).on("mouseover",function(){
       $(this).find(">span").stop(true).animate({   //////
    
[/code]

という風に後はいろいろと続くのですが、この (">span")
の中の「>」の意味がわかりません。これは何を意味するのでしょうか？無くても普通に動いているようですが。


CC BY-SA 3.0
2015-02-24T02:37:38.867
6996
2015-02-24T03:06:25.390
2015-02-24T03:06:25.390
76
7647
question
css jquery
CSSセレクタの中にある「>」


CSSセレクタの1つで **直下の子要素のみ** を指定したい場合に用います。  
`>`を付けないと、孫要素に`span`があった場合にも候補になります。

cf. [意外と知らない!?CSSセレクタ20個のおさらい｜Webpark](http://weboook.blog22.fc2.com/blog-
entry-268.html)


CC BY-SA 3.0
2015-02-24T02:53:19.840
6999
2015-02-24T02:53:19.840
3313
6996
answer