CSS inheritance issue. Help on css please.

Question

I'm trying to add a flyout to an existing accordion menu that was from http://vtimbuc.net/. The code is on JSFidle, can someone kindly show me how to have border below the a tag ( Sign OUt > Freeze Account > Sub 1 ) and also different background on hover for the flyout menu ( My Files > Skydrive > Sub Product 1 .... )

I'm still a newbie in CSS and I've tried a few things and didn't had any luck and I think it's because of the CSS inheritance which I'm not familiar

http://jsfiddle.net/QhAu5/14/

Thanks !

please add the relevant code to your question, for future reference should jsfiddle.com ever go down — jackwanders
– jackwanders, Commented Jul 9, 2012 at 18:17

zen · Accepted Answer · 2012-07-09 18:30:32Z

1

Change the colors to whatever you want.

For border bottom

ul.sub-menu li.sub_nav2 ul li a {
    border-bottom: 1px solid #000;
}

For background color

ul.sub-menu li.sub_nav2 ul li a:hover {
    background-color: #f00;
}

http://jsfiddle.net/QhAu5/16/

answered Jul 9, 2012 at 18:30

zen

1,1853 gold badges30 silver badges56 bronze badges

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

Comments

smilebomb · Accepted Answer · 2012-07-09 18:25:09Z

0

To add a border below the 'a' tag:

.sub_nav2 li {
    border-bottom:1px 'solid your color here';
}

To change flyout background color:

.sub_nav2 li a:hover {
    background: 'your color here';
}

answered Jul 9, 2012 at 18:25

smilebomb

5,5239 gold badges54 silver badges86 bronze badges

1 Comment

Andrew Over a year ago

I've tried that but it doesn't work. JSFiddle been updated. Last few lines of codes at the bottom of the css frame , it seems like the .sub_nav li is inheriting the parent li

Collectives™ on Stack Overflow

CSS inheritance issue. Help on css please.

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related