javascript - 这种情况下为什么first-child会失效？

Question

jquery里面的。
如图所示，如果换成p:first-child就能成功，为什么a就不行？first-child有什么特别要求吗？

Answer 1

首先p:first-child是两个选择器，第一个是标签名-p,第二个是-:first-child。

p选择器，不用多言。
:first-child选择器，对应第一个子节点。

两个选择器结合，相当于即是p标签，又是第一个子元素。很显然满足。

如果换成a，很显然就不满足了。

我想，你应该理解了。

Answer 2

可以的，但是你换成a之前请把p去掉，不然它还占着第一的位置，你的a怎么能有效果呢。