css - 悬停下拉按钮时如何更改插入符号的颜色

Question

我有一个这样的按钮( anchor 标签):

<a href ng-if="!isLogin" class="dropdown-toggle" data-toggle="dropdown">
<b class="white-link">Login</b> 
<span class="caret white-link"></span></a>

我正在使用 white-link 自定义 CSS 类将颜色应用于登录按钮。

当我将鼠标悬停在登录按钮上时，css 类仅应用于按钮，但我想将其应用于按钮和插入符号，当我将鼠标悬停在插入符号上时，同样应该起作用。我该怎么做？

Answer 1

这与 javascript 和 angular 无关
只需定义您的 css 类

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
   .white-link:hover { color: red !important}
</style>

<a href  class="dropdown-toggle" data-toggle="dropdown" >
  <span class="white-link">
<b>Login</b> 
<span class="caret"></span></span></a>