css中关于first-child的问题

1个回答

  • 您好:这句的意思就是:给p标签中的第一个子元素的字体颜色设置为蓝色.匹配条件:①有子元素的P标签.②第一个子元素.

    给你举几个例子:

    例子 1 - 匹配第一个 元素

    在下面的例子中,选择器匹配属于任意元素的第一个子元素的 元素:

    p:first-child

    {

    font-weight:bold

    }

    I am a strong man. I am a strong man.

    I am a strong man. I am a strong man.

    例子 2 - 匹配所有 元素中的第一个 元素

    在本例中,选择器匹配属于 元素中的第一个子元素的 元素:

    p > em:first-child

    {

    font-weight:bold

    }

    I am a strong man. I am a strong man.

    I am a strong man. I am a strong man.

    例子 3 - 匹配所有第一个子元素 元素中的所有 元素

    在下面的例子中,选择器匹配属于其他元素的第一个子元素的 元素中的所有 :

    p:first-child em

    {

    font-weight:bold

    }

    I am a strong man. I am a strong man.

    I am a strong man. I am a strong man.