我可以根据纯CSS的URL的get参数来设置链接的样式吗?

时间:2017-11-25 00:22:17

标签: html css url css-selectors query-string

因此,假设浏览器地址行中的URL为
http://example.com/test.html?res=sun
http://example.com/test.html?res=water
http://example.com/test.html?res=tree

对于这三个人来说,页面上总是有三个链接 <a href="http://example.com/test.html?res=sun">sun</a>
<a href="http://example.com/test.html?res=water">water</a>
<a href="http://example.com/test.html?res=tree">tree</a>

我希望当前地址行匹配的一个链接被另一个背景高亮显示,而其他两个链接不应突出显示。

这可能吗?我可以将样式指令直接放在<a> - 标记中,还是指令必须在<style> - 标记中作为类,并且每个<a> - 标记必须具有相应的类那么呢?

1 个答案:

答案 0 :(得分:2)

简短回答:不,这是不可能的。

答案很长:选择器4中曾经有一个:local-link提案可以完全满足您的要求(尽管不是查询字符串特定的行为,但仍适用于您的用例描述),但几年前它被推迟到5级,原因不明。考虑到4级本身不会很快稳定下来,任何不在其中的功能都不会发生。