多文本应在悬停状态下一起更改

Question

有<a>代码和<span>代码，两者都应在悬停时一起更改。 现在它发生了分开。

C

＆＃13;

＆＃13;

.footer-menu-mob li a:hover,
.footer-menu-mob li span:hover {
  background-color: transparent;
  color: green;
}

＆＃13;

<div class="row footer-menu">
  <ul class="nav navbar-nav footer-menu-mob">
    <li><a href="#">TITLE1<br><span>TEXT1</span></a></li>
    <li><a href="#">TITLE2<br><span>TEXT2</span></a></li>
    <li><a href="#">TITLE3<br><span>TEXT3</span></a></li>
    <li><a href="#">TITLE4<br><span>TEXT4</span></a></li>
  </ul>
</div>

＆＃13;

＆＃13;

＆＃13;

任何人都可以建议我如何一起做。

Answer 1

试试这个。

.footer-menu-mob li a:hover, .footer-menu-mob li a:hover span {
    background-color: transparent;
    color: green;
}

让我知道是否有作品