Re: [css-d] nested li:hover issue

[David Hucklesby]

On 7/10/14, 10:49, John wrote:

at this link:
http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I
have a CSS menu dropdown for the header nav item named “Class”

Functionally, it behaves correctly, ...


Not really. I don’t know if it works with touch, but it certainly fails when
using a keyboard. You need JavaScript for that. Here’s one suggestion:

 

--
Cordially,
David

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] nested li:hover issue

[Chris Rockwell]

In the sub menus you have :hover applied to both the  and the  -
what colors/background are you expecting?

#header nav ul li ul li:hover {

   1. font-weight: bold;
   2. color: green;


#header nav li a:hover{

   1. background: skyblue;
   2. color: black;


Chris Rockwell


On Thu, Jul 10, 2014 at 1:49 PM, John  wrote:

> at this link:
> http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I
> have a CSS menu dropdown for the header nav item named “Class”
>
> Functionally, it behaves correctly, but I don’t see why the hover state of
> the sub-nav li items won’t respond to change in color. Size, yes, but color
> no. Makes me think something further up the chain is taking precedence,
> such as the first li a:hover but why wouldn’t the child hover declaration
> supercede that?
>
> Thank you for any thoughts!
>
> John
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] nested li:hover issue

[John]

On Jul 10, 2014, at 10:49 AM, John  wrote:

> Functionally, it behaves correctly, but I don’t see why the hover state of 
> the sub-nav li items won’t respond to change in color. Size, yes, but color 
> no. Makes me think something further up the chain is taking precedence, such 
> as the first li a:hover but why wouldn’t the child hover declaration 
> supercede that?

Figured it out…my hover declaration was for:

#header nav ul li ul li:hover

should be:

#header nav ul li ul li a:hover


d’oh!

J
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] nested li:hover issue

[John]

at this link:  
http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I have a 
CSS menu dropdown for the header nav item named “Class”

Functionally, it behaves correctly, but I don’t see why the hover state of the 
sub-nav li items won’t respond to change in color. Size, yes, but color no. 
Makes me think something further up the chain is taking precedence, such as the 
first li a:hover but why wouldn’t the child hover declaration supercede that?

Thank you for any thoughts!

John
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/