通过CSS规则禁止选中文字的实现代码

要禁止选中文字，可以使用CSS中的user-select属性，其控制用户是否能够选择文本区域。下面是实现该效果的代码：

-webkit-user-select: none; /* for Chrome, Safari, and Opera */
-moz-user-select: none; /* for Firefox */
-ms-user-select: none; /* for Internet Explorer/Edge */
user-select: none; /* standard syntax */

这里使用了四个前缀以确保兼容性，并设置它们的值为none，从而防止用户选择文本。

示例1：

假设我们有一个div，希望禁止用户在其中选择文本，可以添加如下CSS：

div.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

在HTML中，我们可以这样使用：

<div class="no-select">这里的文本不可选中</div>

示例2：

如果希望在整个页面中禁止用户选择文本，我们可以添加以下CSS：

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

这样，整个页面的任何地方都将无法选择文本。

需要注意的是，这种方法对于一些辅助功能用户，如盲人使用屏幕阅读器，可能会造成不便。因此，需要在使用时权衡好各方面的利弊。