css - (.bmenu :hover li a) VS (. bmenu li a :hover) - difference?

Question

我想请教哪位大侠能帮帮我，这两个CSS标签的区别在哪里。

.bmenu:hover li a{...}

对比

.bmenu li a:hover{...}

非常感谢您的帮助，抱歉我的英语不好。

Edit 1: 主要想请教解释一下，它们是怎么工作的，因为第一种情况，:hover后面有一个“li a”。请问是什么意思？谢谢

Answer 1

为了解释这一点，我将使用这个示例代码:

<div class="bmenu">
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
</ul>
</div>

如果你使用 .bmenu:hover您是说当您将鼠标悬停在 ENTIRE .bmenu 上时，您希望应用 CSS分区

当你说 .bmenu li a:hover你是说当你悬停 a 时你想应用 CSS .bmenu 内的标签li .

这是我制作的一个简单示例，顶部使用的是 .bmenu:hover方法，底部使用 li a:hover方法。 fiddle here .