html - 是否可以仅使用 HTML 和 CSS 在同一页面上拥有两个模式窗口？

Question

我希望能够获得两个不同的弹出窗口，它们可以使用同一页面上的不同链接打开和关闭，仅使用 HTML 和 CSS，没有 Javascript。这可能吗？如何？

标签： htmlcss

Answer 1

TL; 博士：没有

解释

您打算显示一个模式，它可以通过伪选择器的链接单击来完成，例如active。如果您的模态在结构上位于用于链接目的的结构内部，那么您可以有一个伪选择器，例如

.your-modal {
    display: none;
}

.your-wrapper:active > .your-modal {
    display: block;
}

但是一旦你激活了你的另一个链接，这个模式就会消失，除非你有一个类似的链接，其中嵌套了一个类似的模式。但是很难想象这种东西在现实生活中的用途。