css - 一页上是否可以有两个或多个 :target 选择器而不会相互干扰？

Question

是否可以仅使用 CSS 来实现？每个新的 :target 似乎都会更改 URI（.html#我的目标名称在这里），自然会弄乱/重置其他先前的行为。

如果只有一种方法可以将其他 :target 分配为“静默”或“不可见”，这样它就不会影响 URI 并且两个 :targets 都可以在各自的权限上运行。或者这会破坏这个选择器的全部目的吗？

Answer 1

在符合标准的 HTML 页面中，一次只能有一个:target元素。

当您导航到另一个目标时，URI 中的哈希片段会发生变化，从而使前一个成为历史（不是双关语）并且不再与 URI 相关。同样，:target将不再适用于以前是目标元素的任何元素。

因此，确实，您尝试实现的行为会破坏:targetHTML 文档选择器的目的。目前无法继续基于仅使用 CSS 的此类行为对其应用样式。