本文摘自PHP中文网，作者青灯夜游，侵删。
在css中，可以利用“:first-child”选择器和height属性来设置第一个子元素的高度，该选择器用于匹配其父元素中的第一个子元素E，语法格式“E:first-child{ height:高度值;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以利用“:first-child”选择器匹配其父元素中的第一个子元素，然后使用height属性来设置该子元素的高度。
下面来通过代码示例看看效果：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
效果图：
说明：
:first-child 选择器匹配其父元素中的第一个子元素。
height 属性设置元素的高度。这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。
（学习视频分享：css视频教程）
以上就是css怎么设置第一个子元素的高度的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
使用 css 实现一个简单的骨架屏（skeleton screen）
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
