什么是CSS
CSS，全称为层叠样式表（Cascading Style Sheets），是一种用于定义 HTML（标准通用标记语言下的一个应用方言）页面元素展示方式的样式表语言。
CSS 与 HTML 配合使用能够实现丰富多彩的页面效果，比如设置文本样式、背景色、位置、大小等等。在 CSS 中，元素是指 HTML 文档中的标记，如<p>、<table>等，而样式则是一组属性及其值，比如 font-size: 16px。通过为 HTML 指定 CSS 样式，可以实现 HTML 元素的装饰和布局效果。
CSS子元素选择器介绍
在 CSS 中，子元素选择器（child selector）可以选择一个父元素下的所有直接子元素，包括只有一个父元素的子元素和有多个父元素的子元素。子元素选择器使用符号“>”表示，例如：
父元素 > 子元素 {
某些 CSS 属性
}
问题：如何设置第一个子元素的高度
那么如何使用 CSS 子元素选择器来设置一个父元素下的第一个子元素的高度呢？我们可以使用 :first-child 伪类选择器来识别第一个子元素，然后添加高度样式属性，例如：
父元素 > 子元素:first-child {
height: 100px;
}
在上面的代码中，我们指定了父元素下的第一个子元素的高度为 100px。这里的 “:first-child” 表示选择父元素的第一个子元素，不管这个子元素是什么。
需要注意的是，在使用 ":first-child" 伪类选择器时，只能选择父元素下的第一个子元素，不能选择父元素中的其他子元素。如果要设置其他子元素的样式属性，需要使用其他的伪类选择器，比如 ":nth-child(n)"、":last-child"、":only-child" 等等。
示例：如何设置第一个子元素的背景色和边框
除了设置第一个子元素的高度，我们也可以使用 CSS 子元素选择器为第一个子元素设置其他样式属性。下面代码展示了如何设置第一个子元素的背景色和边框。
父元素 > 子元素:first-child {
background-color: #e0e0e0;
border: 1px solid #888888;
padding: 10px;
}
在上面的代码中，我们指定了第一个子元素的背景色为 "#e0e0e0"，边框为 "1px solid #888888"，内边距为 "10px"。这些样式属性可以根据实际需要进行修改，用来实现不同的页面效果。
结论
CSS 子元素选择器是一种可以选择父元素下的所有直接子元素的选择器。可以使用 ":first-child" 伪类选择器来选择父元素下的第一个子元素，并给它设置高度、背景色、边框等多种样式属性。当然，除了 ":first-child" 伪类选择器以外，还有很多其他的伪类选择器可以使用，根据实际需求进行选择即可。
值得注意的是，在实际开发中，应该尽量少使用子元素选择器，因为它会使 CSS 选择器的匹配过程变慢。如果可以通过其他选择器来实现同样的效果，应该优先选择其他选择器。
以上就是 CSS 子元素选择器的简单介绍和教程，希望能对大家理解和掌握 CSS 子元素选择器有所帮助。