css – 如果URL中的片段标识符(哈希)引用它,则更改元素的样式

前端之家收集整理的这篇文章主要介绍了css – 如果URL中的片段标识符(哈希)引用它,则更改元素的样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如果URL中的片段标识符(哈希)引用它,那么在纯CSS中是否有一种方法可以更改元素的样式?

鉴于此HTML

这个网址:

http://example.com/#reference

浏览器将滚动到带有引用ID的段落,但是我可以在没有JavaScript的情况下更改该元素的样式吗?

我以为我可以使用:focus psuedo-class,但它没有用.另外3个处理鼠标事件(:hover,:active)和URL(:visited),所以这些都不起作用.

最佳答案
它只使用CSS轻松完成,无需JavaScript.使用:target pseudo-class selector

p#reference:target{background-color:gold;}

另外read MDN用于浏览器支持(IE9)和附加信息.

原文链接:https://www.f2er.com/css/427505.html

猜你在找的CSS相关文章