ul a:nth-of-type(1)是找到ul标签下的所有a标签，还是第一个a标签

Question

ul a:nth-of-type(1){    background:blue;/*所有a标签的背景都变成了蓝色？？？*/}<ul class="clearfix"> <li><a href="#bg1">Hipster Fashion Haircut</a></li> <li><a href="#bg2">CloudComputing Services</a></li> <li><a href="#bg3">My haire is sooo fantastic!</a></li> <li><a href="#bg4">Eat Healthy</a></li> <li><a href="#bg5">Lips so kissable I could die...</a></li> </ul>

Answer 1

我晓得这个问题所在了，我也复习了一次，这是选择a标签的父标签的第一个，这里每个a标签的父级是li，不是ul，然后

ul a是选择了所有的a标签，所以每一个a都是li的第一个a标签子元素，所以看起来的效果是所有都变蓝了

当给li下多加一个a标签时，就会看到添加的标签没有变蓝，也就是这么回事