Defining a link's pseudo-class style with inline CSS

Question

Possible Duplicate:
How to write a:hover in inline CSS?

Using CSS, I want to define a link's style. However, I want to do it in document, instead of defining it as part of the header. Is it possible to define it (including a:hovor, a:visited, etc).

I'm using the tag, and I would like to be able to do

<a style="a:hovor:color:#ffffff"><!-- ... --></a>

or something like that. I'm pretty sure that doesn't work. So how would define that, or can you even?

No; you can't use in-line styles to style the `:hover` (or `:focus`, and so on) styles of an element. — David Thomas, Feb 25 '12 at 23:26
http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css — Chris Bentley, Feb 25 '12 at 23:30

score 1 · Answer 1 · answered Feb 25 '12 at 23:45

1

You can always apply a CSS style on Mouseover with Javascript/jQuery. With that said, you should really avoid inline styles. Why can't you use a Stylesheet?

answered Feb 25 '12 at 23:45

Ryan

2,433
5
31
41

score 1 · Answer 2 · answered Feb 26 '12 at 00:26

1

I'd prefer to give it a class and then define it in a stylesheet, but it's possible with JS/jQuery. http://jsfiddle.net/Sxpkp/

answered Feb 26 '12 at 00:26

Alex

6,276
2
20
26

score 1 · Accepted Answer · answered Feb 26 '12 at 00:29

No, you can't.
Please, if it is possible, refrain from inline styles. They are bad practice.
If you really need to do this inline without stylesheets, you can solve this with javascript:

<a onmouseover="window.oldlinkcolor=this.style.color;this.style.color='#ffffff';" onmouseout="this.style.color=window.oldlinkcolor;">...</a>
Though, using onmouseover and onmouseout statically like that is also bad practice, but it will solve your issue cross browser.

Defining a link's pseudo-class style with inline CSS

3 Answers3