html - URL 中的 CSS 选择器

Question

当你有一个像这样的 url www.example.com/#signup 时，浏览器所做的只是将它的 View 集中在 ID 为 signup 的 HTML 元素上，是这样吗？

如果以这种方式聚焦，是否可以更改元素的 CSS 样式？

例如 假设我有一个 div 元素，id 为 signup，那么如果我输入 www.example.com，div 的背景是白色的，如果我输入 www.example.com/#signup 它是黄色的。就像“强调”注册表单一样。这有可能吗？

Answer 1

:target { background-color: yellow; }

:target 伪类正是这样做的。