とCSSセレクタを組み合わせること：第一子

Question

一部のHTMLは以下のdivブロックが含まれているとします

<div id="messages"> 
    <div> 
     <span>from user</span> 
     <span>The content of the message</span> 
     <time datetime="2017-02-15T19:21:20.848Z">10 hours ago</time> 
    </div> 
</div> 

どのように私はCSSセレクタを使用して「ユーザーから」テキスト（とちょうどそのテキストを）スタイルのだろうか？私は#messages>div:first-childを使用しての子divの要素first-childを選択しようとしましたが、それは機能しませんでした。

EDIT：

私の構文で小さなミスがありました。

適切なCSSセレクタルールは、先ほど試したもの（#messages>div:first-child）ではなく、#messages>div>:first-childである必要があります。違いは>divの後に私は逃したです。

Answer 1

をあなたがスペースを逃しています。最初の子であるdivではなく、最初の子であるスパンが必要です。

は、最初のスパンを検索：

#messages > div :first-child 

は、最初のdivを検索：

#messages > div:first-child 

Answer 2

と表示され、のメンバーではないと確信していますか？？あなたが探しているもの

さ：

#members > div > span:first-of-type 

#members > div > span:first-of-type { 
 
    color: #f00; 
 
}

<div id="members"> 
 
    <div> 
 
     <span>from user</span> 
 
     <span>The content of the message</span> 
 
     <time datetime="2017-02-15T19:21:20.848Z">10 hours ago</time> 
 
    </div> 
 
</div>

・ホープ、このことができます:)

Answer 3

第一の型セレクタは、あなたがそれを行うことができます：

div#members span:first-of-type { 
    color:#000; 
}