Dynamisches CSS zum Anker-Tag

Question

Ich habe unter html die Website von example.com hinzugefügt (Sehr wichtiger Hinweis). Nun versuche ich CSS zu ausgewählten Link hinzuzufügen, so dass ich den ausgewählten Wert hervorheben kann.

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

Grundsätzlich mag ich CSS auf den ausgewählten Anker-Tag anzuwenden, nachdem es die exmaple.com?filter=value1 lädt geladen wird.

HINWEIS: .value: selected {color: blue} funktioniert nicht, da der Link die Seite aktualisiert.

Answer 1

Es ist nicht klar, was Sie markieren möchten, aber Sie können diesen Code verwenden, um zu sehen, ob die URL die gewünschte Zeichenfolge enthält, und den gewünschten CSS-Code für das Element hinzufügen.

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

Zum Beispiel wird dieser Code Farbe auf den Link hinzufügen, nur dann, wenn der Benutzer die Seite über diesen Link erreicht:

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