CSS3:first-child选中器如何用

CSS:first-child选中器用于匹配其父元素中的首先个子元素；即只要当元素是其父元素的首先个子元素时才会匹配元素。 CSS :first-child选中器用于匹配其父元素中的首先个子元素；即只要当元素是其父元素的首先个子元素时才会匹配元素。

:first-child 选中器匹配其父元素中的首先个子元素。

语法：

元素:first-child
{ 
css样式
}

例：匹配

的父元素的首先个

元素

p:first-child
{ 
    background-color:yellow;
}

注释：所有主流阅读器都支撑 :first-child 选中器。关于 IE8 及更早版本的阅读器中的 :first-child，必需声明 。

CSS :first-child选中器的运用示例

示例1：选中每个

中的每个 元素并设定其样式，其中的

元素是其父元素的首先个子元素：

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

结果图：

示例2：每一个

元素的首先个子元素选中的样式

 




  
Coffee
  
Tea
  
Coca Cola


  
Coffee
  
Tea
  
Coca Cola

结果图：


以上就是CSS3 :first-child选中器如何用的细致内容，更多请关注 百分百源码网 其它相干文章！