用于锚定标记的动态CSS

Question

我将以下html添加到example.com网站（非常重要的注意事项）。现在我正在尝试将CS​​S添加到所选链接，以便我可以突出显示所选的值。

<a class="value" href="http://example.com?filter=value1">Value1
<a class="value" href="http://example.com?filter=value2">Value2 etc

基本上我想在加载exmaple.com?filter=value1之后将CSS应用于所选的锚标记。

注意：.value：当链接刷新页面时，所选{color：blue}不起作用。

Answer 1

目前尚不清楚要突出显示的内容，但您可以使用此代码查看URL是否包含所需的字符串，并添加所需的元素CSS代码。

if(document.location.href.match(/\?filter=value1/)){
   \\Add custom css to element
}

例如，只有当用户通过此链接到达页面时，此代码才会为链接添加颜色：

if(document.location.href.match(/\?filter=value1/)){
       $('a[href="http://example.com?filter=value1"]').css('color', 'blue');
}