Microsoft Edge后退按钮和CSS目标选择器

Question

以下是一些示例代码：

:target {
  background-color: blue;
}

<a href="#test">test</a>
<div id="test"> this is a test</div>

当您单击锚点时，其定位的div变为蓝色。在Firefox，Chrome和Opera上，当您按下“后退”按钮时，样式会自行重置。但是，使用Edge，URL会更新，但是样式不会重置。仅当您调整浏览器窗口的大小时，样式才会更新。有人知道解决方法吗？

Answer 1

Edge中的此错误，当：target更改时样式不更新，但在调整窗口大小时更新，当id为id的父对象包含指向该id的链接时，就会发生此错误，

<a href='#modal'>open modal window</a>
<div id='#modal'>
    ...
    <a name='#modal'></a>
    ...
</div>

如果您删除内部的“ ”或将其移至外部，则该错误会消失。