asked on

simple css problem

This is a simple css class that I wish to apply on text, now the problem is that the text contains Links too and I want to change link color, font etc.
.quote {
      font-family: Verdana;
      font-size: 9pt;
      font-style: normal;
      line-height: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      color: #000000;
}
.quote:link {
color:#3333ff; text-decoration:none;font-size: 11pt;
}
.quote:visited {
color:#66666; text-decoration:none;
}
.quote:active {
color:#FF0033; text-decoration:underline;
}
.quote:hover {
color:#3333ff; text-decoration:underline;
}
The class is working well for simple text but when links come it doesn't apply the code for this(like for hover, visited and link).

seanpowell

Like this:

.quote a:visited { color:#66666; text-decoration:none; }

with

<a href="#">text</a>

Let me know if you need more detail, okay?

Thanks,
Sean

Roonaan

In the current setup you could try using:
text <a href="#" class="quote">link</a> text

But the solution provided by seanpowell has some better semantics.

-r-

jimmy282

ASKER

my problem is this.
I already have text in about 200 pages/
something like this.
<A class="" href="something.htm">text here</A>

now how do I apply my "quote" class to these SPAN's inside the <a> tag. please help.

jimmy282

ASKER

I dont want to change the HTML at all. I can only make changes to the css. but what changes?

ASKER CERTIFIED SOLUTION

Roonaan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial