在CSS中，:target 伪类可用于选择当前文档的活动目标（通过 URL 中的片段标识符指定）。当 URL 中的片段标识符与页面中的元素 ID 匹配时，该元素就成为活动目标。
以下是在CSS中使用 :target 伪类的示例：
#section1:target {
background-color: yellow;
}在这个示例中，#section1 是一个具有唯一 ID 的元素，在URL中，其ID可以用作片段标识符。当URL中的片段标识符与该元素的ID匹配时，该元素就成为活动目标。这里的样式定义了一个黄色背景颜色，将在该元素成为活动目标时应用。
下面是一个完整的HTML5页面示例，包括 <head> 部分中设置字符集为UTF-8的 <meta> 元素、一个包含了 :target 伪类和相应样式的 <style> 元素和两个带有唯一ID的段落元素，其中一个包含了链接到具有相应ID的另一个段落元素的锚点：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example Page</title>
<style>
#section1:target {
background-color: yellow;
}
</style>
</head>
<body>
<h1>Example Page</h1>
<p id="section1">This is section 1. <a href="#section2">Jump to section 2</a>.</p>
<p id="section2">This is section 2. <a href="#section1">Jump back to section 1</a>.</p>
</body>
</html>在这个示例中，<meta> 元素用于设置页面的字符集为UTF-8，这可以确保浏览器正确解析页面中的非ASCII字符。<style> 元素用于将上述CSS样式应用于页面中的ID为 section1 的元素，该元素具有黄色背景颜色。<body> 元素包含两个带有唯一 ID 的段落元素，其中一个包含了一个链接到具有相应ID的另一个段落元素的锚点。当用户单击锚点时，将滚动到目标元素并将其设置为活动目标，从而触发 :target 伪类的应用，将定义的样式应用于该元素。
正文完