在CSS中，要选择前三个子元素，可以使用:nth-child() 伪类结合一个计数器。:nth-child() 伪类可以选择父元素的一个或多个特定的子元素，基于它们的位置（从1开始计数）。
例如，如果你想选择前三个子元素，并且这些子元素都是直接子元素，你可以这样写：
.parent :nth-child(-n+3) {
/* 样式规则 */
}
这里的 -n+3 表示选择从第一个子元素开始，到第三个子元素结束的所有子元素。
如果你的子元素不是连续的，或者你只想选择类型相同的子元素，你可以使用类型选择器与 :nth-child() 结合：
.parent p:nth-child(-n+3) {
/* 样式规则 */
}
这里选择 .parent 元素中的 p 元素，并且这些 p 元素是作为第一个子元素开始计数的，直到第三个 p 元素。
请注意，:nth-child() 选择器在不同浏览器中的兼容性很好，但是在旧版本的IE浏览器中可能不被支持。
CSS3动画效果之粒子效果
Sep 17, 2019
卢松松：用Yahoo Pipes聚合多个博客 - html/css语言栏
Feb 10, 2017
网站交互设计：下拉框和搜索输入框的二三事
Feb 13, 2017
Spring Batch使用示例: 读取CSV文件并写入MySQL数据库Skipping Items(跳过某项)重试（Retrying Items）重启 job
Nov 16, 2016
高品质的网页设计: 实例与技巧之七（做别人没做
Feb 16, 2017
