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?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,
DavidDo you mean like in the following context?
<h3><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">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...
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,
DavidDo you mean like in the following context?
<h3><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">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...