我可以根据 URL 的获取参数和纯 CSS 来设置 link 的样式吗？

Question

所以假设浏览器地址行中的 URL 是
http://example.com/test.html?res=sun 或
http://example.com/test.html?res=water 或
http://example.com/test.html?res=tree

对于所有这三个，页面上总是有三个 link。
<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>

我希望与当前地址行匹配的 link 被另一个背景突出显示，而其他两个 link 不应该被突出显示。

这可能吗？我可以将样式指令直接放在 <a>-tag 中，还是指令必须像 classes 一样放在 <style>-tag 中，并且每个 <a>-tag 都有然后添加适当的class？

Answer 1

简答：不，这不可能。

长答案：在 Selectors 4 中曾经有一个 :local-link 提案可以完全满足您的需求（虽然不是特定于查询字符串的行为，但仍然适合您的用例描述），但几年前由于未知原因被推迟到 5 级。考虑到 4 级本身不会很快稳定下来，任何不在其中的功能都等同于没有发生。