怎样用纯CSS实现禁止鼠标点击事件？

在纯CSS中，没有直接的方法来禁止鼠标点击事件。CSS主要用于描述文档的样式，而不是控制其行为。点击事件等交互行为通常是通过JavaScript来处理的。

然而，你可以使用CSS的pointer-events属性来阻止鼠标事件触发元素的默认行为。将pointer-events设置为none将使元素不再响应鼠标事件，例如点击、悬停等。这不会完全禁止点击事件（因为JavaScript仍然可以监听并处理这些事件），但它会阻止浏览器对鼠标事件的默认处理。

例如，以下CSS规则将使一个具有类名disabled的元素不再响应鼠标事件：

.disabled {
  pointer-events: none;
}

然后，你可以将此类应用于任何你想要禁止鼠标点击的元素：

<button class="disabled">点击我（但你不会成功）</button>

请注意，虽然这种方法可以防止用户通过鼠标与元素交互，但它不会阻止通过键盘或其他方式（如JavaScript）与元素交互。如果你需要完全禁止所有交互，你可能需要使用JavaScript来禁用元素或阻止事件传播。

另外，使用pointer-events: none;也会阻止元素上的其他鼠标事件，如mouseover、mouseout等，这可能会影响到你的其他交互设计。因此，在使用此方法时需要谨慎考虑。