当鼠标悬停在按钮上时，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，如：

foo

因为，你想要按钮上的悬停效果

<强> Working Fiddle