css中only-child选择器有什么作用?

1、新建一个html文件，命名为test.html，用于讲解css中only-child选择器有什么作用。

2、在test.html文件中，使用p标签创建两行文字，一个p标签内只有一个子元素span，另一个p标签内有两个子元素span。

3、在css标签内，使用only-child选择器设置只有一个span子元素的元素样式，设置它的颜色（color）为红色。

4、在浏览器打开test.html文件，查看结果。