:first-letter and links?

[MrPunkin]

Hey all, on my site I had h3:first-letter set but since my h3 elements are links, when I roll over them it defaults to my default "a:link" sizing and hover and all that. Is there anyways to make the :first-letter work with links?

[davidbrent]

If i understand your query right.
You could use the standard link class etc.
I.e You would have something like this in your CSS. This is yet to be tested.

h3:first-letter a {
  color: #000;
}

h3:first-letter a:link, a:visited {
  color: #000;
}

h3:first-letter a:hover {
  color: #f90;
}

Best Wishes,
David

[Ben Rogers]

Do you mean like in the following context?

<h3><a href="#">H3 link</a></h3>

If so, then multiple pseudo-classes would be the way to go:

h3 a:link:first-letter{ ... }
h3 a:visited:first-letter{ ... }h3 a:hover:first-letter{ ... }h3 a:active:first-letter{ ... }

That should work...