How to reload the css stylesheet

Question

Probably the answer to my question is simple, but I have not found the answer. I would like to know whether I can call a "className".css file in a mouseover(mouseout) function. For example:

<div id="thing" class="classes" onmouseover="????call the .css file???">My Name</div>

I dont want to write: onmouseover = "style.color:'blue'" ...

Let me explain why I want this. Lets say I have a NAME.css file. This css will make the word "My name" turn into red color.

I have this html ///

<div id="thing" class="classes" onmouseover="this.style.color='blue'">My Name</div><br>

///

I thought that once the mouse is out, the word "My Name" will be red again(this because of the css file), but it is not. Is it possible to write something like this?:

My Name

I dont want to write this:

<div id="thing" class="classes" onmouseover="this.style.color='blue'" onmouseout = "this.style.color='red'">My Name</div>

Hope it is clear and understandable. Any help will be appreciated.

Thanks Joel

Just use the :hover pseudo selector.

Michael
– Michael

2013-06-05 17:21:28 +00:00
Commented Jun 5, 2013 at 17:21 — Michael
– Michael, Commented Jun 5, 2013 at 17:21

albertedevigo · Accepted Answer · 2013-06-05 17:22:26Z

6

Use the :hover pseudo class instead in CSS.

.classes:hover {
    color: blue;
}

edited Jun 5, 2013 at 17:22

albertedevigo

18.4k6 gold badges55 silver badges58 bronze badges

answered Jun 5, 2013 at 17:19

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

karthikr · Accepted Answer · 2013-06-05 17:20:16Z

2

All you need is a css property in css

div#thing{
    color: red;
}
div#thing:hover{
    color: blue;
}

answered Jun 5, 2013 at 17:20

karthikr

100k26 gold badges208 silver badges191 bronze badges

Comments

DarkAjax · Accepted Answer · 2013-06-05 17:20:34Z

2

Yeah it is possible, use the :hover pseudoselector:

#thing { color: red; }
#thing:hover { color: blue; }

JSFiddle Demo

answered Jun 5, 2013 at 17:20

DarkAjax

16.3k11 gold badges60 silver badges67 bronze badges

Collectives™ on Stack Overflow

How to reload the css stylesheet

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related