从整个HTML正文中选择一个匹配的单词并突出显示该单词

在整个HTML正文中选择一个匹配的单词并突出显示该单词，可以通过使用CSS的伪类选择器和属性来实现。具体步骤如下：

首先，使用JavaScript或其他编程语言获取整个HTML正文的内容。
使用正则表达式或其他方法，从HTML正文中选择一个要突出显示的单词。
在HTML中，为该单词添加一个特定的类名或ID，以便后续样式设置。
在CSS中，使用伪类选择器（如:contains）或属性选择器（如[attribute=value]）来选择包含该单词的元素。
使用CSS的属性（如background-color、color等）来设置突出显示的样式，例如将背景颜色设置为黄色，文字颜色设置为黑色。

以下是一个示例代码：

HTML:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <div id="content">
    <!-- HTML正文内容 -->
  </div>
  <script src="script.js"></script>
</body>
</html>

CSS (styles.css):

.highlight {
  background-color: yellow;
  color: black;
}

JavaScript (script.js):

// 获取HTML正文内容
var content = document.getElementById("content").innerHTML;

// 选择要突出显示的单词
var word = "匹配";

// 使用正则表达式进行匹配，并添加类名
var regex = new RegExp("\\b" + word + "\\b", "gi");
content = content.replace(regex, '<span class="highlight">$&</span>');

// 更新HTML正文内容
document.getElementById("content").innerHTML = content;

在上述示例中，我们通过JavaScript获取了HTML正文内容，并使用正则表达式进行匹配。然后，我们将匹配到的单词用<span>标签包裹，并添加了一个名为"highlight"的类名。最后，通过更新HTML正文内容，将突出显示的单词渲染到页面上。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体情况进行适当的调整和优化。