ボタン上にホバリングしたときにCSSの色が変わる

Question

ボタン上にマウスを置いたときに、このHTML内のテキストを白にするにはどうしたらよいですか？

<button type="button" class="multiselect dropdown-toggle none" data-toggle="dropdown" title="Auckland" style="width: 100%; overflow: hidden; text-overflow: ellipsis;"> 
    <span class="multiselect-selected-text" style="visibility: visible;">Auckland</span> 
    <b class="caret"></b> 
</button> 

は、私はこれを試してみましたが、それは動作しません：

button.multiselect > span:hover { 
    color: #fff; 
} 

Answer 1

変更CSSのように：

button.multiselect:hover > span { 
    color: #fff; 
} 

あなたがボタンの上に効果をホバーしたい、そのため

Working Fiddle