css中给元素添加子元素的伪类

在CSS3中，子元素伪类选择器有两大类。

（1）:first-child、:last-child、:nth-child(n)、:only-child

（2）:first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type

1、首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称。

2、打开Dreamweaver CS5，点击新建HTML。

3、根据设定的网页布局，设置div网页结构。

4、添加div标签的class名称，这里也可以使用ID类名。

5、 编辑CSS控制div块的宽高和背景。

6、 这样就可以让子元素置于底部。

1、新建html文档，然后在body标签中添加原题中的元素：

2、在head标签中添加style标签，然后在style标签中输入“.abc”，这个表示获取的是外标签div：

3、在“.abc”后面输入一个空格，然后输入“.efd”，这时选择的是外div的子标签：

---