CSS 提供了一系列伪类选择器用于根据子元素在父容器中的位置或类型进行样式控制。常见选择器包括:first-child 和:last-child 分别选中首尾子元素，:nth-child 支持指定索引或奇偶性匹配。此外还有:first-of-type 等基于标签类型的选择器，它们仅在同类标签中排序而非所有子元素。正确理解这些选择器的区别有助于精确控制页面布局与样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS 子元素选择器</title>
<style>
p:last-of-type { background-color: yellow; }
</style>
</head>
<body>
<span>我是 span</span>
<p>我是一个 p 标签</p>
<p>我是一个 p 标签</p>
<p>我是一个 p 标签</p>
<p>我是一个 p 标签</p>
<p>我是一个 p 标签</p>
<p>我是一个 p 标签</p>
<span>hello</span>
</>
选中父元素下的第一个子元素。
body > p:first-child { background-color: yellow; }
选中父元素下的最后一个子元素。
p:last-child { background-color: yellow; }
选中父元素下第 N 个位置的子元素。
p:nth-child(odd) { background-color: yellow; }
包括 :first-of-type、:last-of-type、:nth-of-type。 与 :first-child 等类似，区别在于：
p:first-of-type { background-color: yellow; }
p:last-of-type { background-color: yellow; }
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online
将JSON字符串修饰为友好的可读格式。 在线工具，JSON美化和格式化在线工具，online