css first-child CSS :first-child 伪类

实例

例子 1 - 匹配第一个

元素

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

元素：

p:first-child

{

font-weight:bold

}

I am astrongman. I am astrongman.

I am astrongman. I am astrongman.

例子 2 - 匹配所有

元素中的第一个元素

在本例中，选择器匹配属于

元素中的第一个子元素的元素：

p > em:first-child

{

font-weight:bold

}

I am astrongman. I am astrongman.

I am astrongman. I am astrongman.

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

元素中的所有元素

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

元素中的所有：

p:first-child em

{

font-weight:bold

}

I am astrongman. I am astrongman.

I am astrongman. I am astrongman.