Question

当你有这样的网址www.example.com/#signup时，浏览器的作用就是将其视图集中在ID为signup的HTML元素上，是吗？

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

例如假设我有一个div元素，标识为signup，如果我输入www.example.com，则div的背景为白色，如果我输入{{1它是黄色的。像“强调”注册表格一样。这有可能吗？

Answer 1

:target { background-color: yellow; }

:target伪类就是这样做的。

Answer 2

您可以在页面加载时阅读window.location.hash属性并应用相应的css类。类似的东西：

<script type='text/javascript>
function init(){ 
    var hash = window.location.hash.substr(1);
    var element = document.getElementById(hash);
    if(element){
        element.className += " emphasize";
    }
}
</script>

<body onload="init()">
...
</body>

URL中的CSS选择器

2 个答案: