How do I get the text to change color on hover?

http://zclientdev.net/test2.html
CSS - http://zclientdev.net/default.css

My css works fine when I hover the text but when I hover the area
around the text the color does not change. Your advice is appreciated.

Big Moxy wrote:

http://zclientdev.net/test2.html
CSS - http://zclientdev.net/default.css

My css works fine when I hover the text but when I hover the area
around the text the color does not change. Your advice is appreciated.

In short: change .a:hover to .b:hover > .a.
In long: the .a rule is overriding the settings in .b:hover, as it
manually specifies the color. You therefore need something to override
the .a rule, which is satisfied by the .b:hover > .a rule or the
..a:hover rules.

--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth

On Aug 4, 5:59*pm, Joshua Cranmer <Pidgeo... (AT) verizon (DOT) invalid> wrote:

Big Moxy wrote:
http://zclientdev.net/test2.html
CSS -http://zclientdev.net/default.css

My css works fine when I hover the text but when I hover the area
around the text the color does not change. Your advice is appreciated.

In short: change .a:hover to .b:hover > .a.
In long: the .a rule is overriding the settings in .b:hover, as it
manually specifies the color. You therefore need something to override
the .a rule, which is satisfied by the .b:hover > .a rule or the
.a:hover rules.

--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth

I'm sorry for being dense here but I don't understand your notations.
I tried changing .a:hover to .b:hover and vice-versa but that
eliminated the white text altogether. Is that what should happen given
the other rules?

Big Moxy wrote:

On Aug 4, 5:59 pm, Joshua Cranmer <Pidgeo... (AT) verizon (DOT) invalid> wrote:
Big Moxy wrote:
http://zclientdev.net/test2.html
CSS -http://zclientdev.net/default.css
My css works fine when I hover the text but when I hover the area
around the text the color does not change. Your advice is appreciated.
In short: change .a:hover to .b:hover > .a.
In long: the .a rule is overriding the settings in .b:hover, as it
manually specifies the color. You therefore need something to override
the .a rule, which is satisfied by the .b:hover > .a rule or the
.a:hover rules.

--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth

I'm sorry for being dense here but I don't understand your notations.
I tried changing .a:hover to .b:hover and vice-versa but that
eliminated the white text altogether. Is that what should happen given
the other rules?

The entire rule would be:
..b:hover > .a {
/* decls here */
}

The `>' is the child selection operator, selecting all children matching
..a of nodes matching .b:hover.

--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth