Check the following code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.special{
font-weight:bold;
text-decoration:none;
color:red;
}
</style>
<script type="text/javascript">
function applyCSSClass(){
var elIds = ["Link Yours","Link Mine"]; //You want to change the style of elements with these IDs.
var clsName = "special"; //Specify the CSS class name which needs to be applied on the selected elements.
for(var i = 0; i < elIds.length; i++){
document.getElementById(elIds[i]).className = clsName; //Apply the CSS class on the selected elements.
}
}
window.onload = function(){
applyCSSClass(); //After the DOM load invoke the function that applies the CSS style on selected elements.
}
</script>
</head>
<body>
<a href="http://www.yahoo.com" id="Link Yours">Yahoo!</a><br/>
<a href="http://www.Clusty.com" id="c1">Clusty</a><br/>
<a href="http://www.dynamicdrive.com" id="c2">DD</a><br/>
<a href="http://www.google.com" id="Link Mine">Google</a><br/>
<a href="http://ejohn.org/" id="c3">John Resig</a>
</body>
</html>
The idea is something like this you store the element IDs which you want to apply a new style. In the above code I've created a CSS class and applied that class on the needed elements. So whatever style you want to can be put into that class.
I have highlighted all the important section in the code.
If you open this page in browser only the first and the fourth link will have a red color, no underlining and bold in nature. Rest of the links will be skipped.
You can use the same principle in your case also.
Hope this helps.