How to override CSS styling in one part of webpage

[wcipolli]

CODE IN JSP THAT DYNAMICALLY PRINTS SEARCH RESULTS THAT I WOULD LIKE TO HAVE A DIFFERENT FORMAT:

						
<hx:outputLinkEx styleClass="outputLinkEx" id="formPdfLink"
	onclick="return openPDFWord(this, '#{varsearchResults.targetURLForPDF}');"
	value="#{varsearchResults.pdfURL}">
	<h:outputText styleClass="outputText" id="text7"
	value="#{varsearchResults.formIdAndEditionDate}"
	escape="false"></h:outputText>
</hx:outputLinkEx>

CODE IN CSS THAT DEFINES LINKS:

a:link {color:#52658C;}
a:visited {color:#52658C;}
a:hover {color:#CC0000;}
a:active {color:#52658C;}

I would like to have the links printed from the code above to show when they have been visited. The PDF's open in a new window, does this mean the code would have to be executed on an onclick?

Stuck, I tried messing with the code:
<hutputText style="color:red;"
this makes just those links red. I tried vlink=#CC0000 which didn't work

Any help would be greatly appreciated.. I tried 3 forums to no avail

Regards,
Will

[jthayne]

If you are wanting the link to be a different color when it has been visited, all you need to do is change the a:visited in your CSS to be a different color than a:link.

[wcipolli]

I want just those links printed by that block of code to show visited. The vlink is set to the same color because i dont want any of the other links to show that they are visited.

[jthayne]

Sorry about that. I didn't catch that you wanted the links to be different across the page. The same principle applies though. As long as the code was set up correctly, you will style the outputLinkEx class.

For example, make the following changes to your CSS file:

a:link {color:#52658C;}
a:visited {color:#52658C;}
a:hover {color:#CC0000;}
a:active {color:#52658C;}

a.outputLinkEx:link {color:#52658C;}
a.outputLinkEx:visited {color:#FF0000;}
a.outputLinkEx:hover {color:#CC0000;}
a.outputLinkEx:active {color:#52658C;}

The visited PDF links should be red while the rest remain as before.

For reference, check here.

[wcipolli]

No dice. Still not showing visited links. I was thinking about trying to span.. but that was unsuccessful too. I'm assuming because outputText uses span, I don't think you can span a span?

[wcipolli]

from my understanding of the code. outputLinkEx allows the js to get the search result values and outputText prints the actual link...

when I threw in style="color:red;" next to outputText all the links turned red

i tried style = "vlink:red" but wasn't lucky enough for that to work.

[jthayne]

In the code I gave you, try changing outputLinkEx to outputText.

[wcipolli]

Still not working. I feel like it has a lot to do with the PDFs opening in a new window.

[wcipolli]

i also tried:

.outputText a:link...

and

#outputText a:link...

and

.outputLinkEx a:link...

and

#outputText a:link...

none of which worked

[jthayne]

If you remove all CSS formatting of the a element, does the link show as a different color after you click on it?

Also, what browser are you viewing it in?