在CSS中使用'>'选择器有什么好处？

Question

这两个选择器:

.class>li>a{}

和

.class li a{}

我正在为我做同样的工作所以有人可以告诉我使用的好处是>什么？

谢谢

Answer 1

它使选择器更具体.

第一个选择器仅针对一个锚标记,该锚标记是作为CLASS的子标记的第一项的子标记.

<div class="fo">
<li>
<a>

第二个选择将定位作为列表项的后代的所有锚标记,该列表项是特定类的后代.

<div class="fo">
.....
<li>
.....
<a>

where ....可以是任何其他dom元素