在css中，通过“:first-child”选择器可以实现选中第一个元素，下面小编以设置div标签内子类的第一个元素为红色为例，讲解css中怎么选择子类第一个元素。工具/原料morehtml+css代码编辑器：Dreamweaver CS5方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解css中怎么选择子类第一个元素。

2/6

在test.html文件内，使用div创建一个模块，在div标签内，使用p标签创建三行文字。

3/6

在test.html文件内，给div的子标签设置一个class类名son，下面将通过该class类名设置css样式。

4/6

在test.html文件内，编写style type=text/css/style标签，页面的css样式将写在该标签内。

5/6

在css标签内，通过子类名son与“:first-child”选择器选中div中类名为son的第一个元素，使用color设置它的颜色为红色。

6/6

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、创建一个test.html文件。

2、在文件内，在div标签内，使用p标签创建多个子类。

3、在css中，通过子类名与“:first-child”选择器选中div中的第一个元素，使用color设置它的颜色为红色。

注意事项

“:first-child”必须先获得多个同一元素类。

CSS