Fatal编程技术网
  • html/
  • Html URL中的CSS选择器

Html URL中的CSS选择器

html css url

Html URL中的CSS选择器,html,css,url,css-selectors,Html,Css,Url,Css Selectors,当您有这样一个urlwww.example.com/#signup，浏览器所做的只是将其视图集中在id为signup的HTML元素上，对吗 如果元素以这种方式聚焦，是否可以更改其CSS样式 例如，假设我有一个div元素，id为signup，那么如果我输入www.example.com，div的背景是白色的，如果我输入www.example.com/#signup，它是黄色的。比如“强调”注册表格。这有可能吗 :target { background-color: yellow; } ：targ

当您有这样一个url
www.example.com/#signup
，浏览器所做的只是将其视图集中在id为
signup
的HTML元素上，对吗

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

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

:target { background-color: yellow; }

：target
psuedo类正是这样做的。

当页面加载并应用相应的css类时，您可以读取
window.location.hash
属性。比如：

<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>

我不确定。老实说，可能不是，但这可以通过JS来解决：
var a=document.getElementById（location.hash.substr（1））；如果（a）a.style.backgroundColor=‘黄色’@John Doe:不是IE8或更老版本。