css元素选择器 first-child nth-child

时间:2023-03-09 14:48:52
css元素选择器 first-child nth-child

E:first-child
   只要E元素是它的父级的第一个子元素,就选中。它需要同时满足两个条件,
    (1)是“第一个子元素”,
    (2)是“这个子元素刚好是E”。

p:nth-child(2):
满足两个条件:
   1:位于父元素的第二个元素
   2、这个元素是p,如果父元素的第二个元素不是p,则该选择器不会生效

p:nth-of-type(2):
表示父标签下的第二个p元素 :父元素中所有p元素中的第二个