CSS problem with a class

Question

Can you help me to set the text color of the class slide anchors? Here in http://jsfiddle.net/x7zpd/ is my problem shown.

<div id="menu-demo">

        <ul>
            <li>
                <div class="up">
                    <a href="#">INICIO</a></div>
                <div class="slide">
                    <a href="#">INICIO</a></div>
            </li>

#menu-demo li a {
    text-decoration:none;
    color:#aaa;
    font-size:20px;
    font-family:Tahoma, Geneva, sans-serif;    
}
.up {
    margin-top:13px;
    margin-bottom:40px;
}
 .slide
{
    background-color: #ffc; /* delete me */
    color: black;
}

cbrandolino · Accepted Answer · 2011-01-21 07:08:22Z

1

Here you go.

#menu-demo li .slide a { background-color: #ffc; /* delete me */ color: black; }

... otherwise the normal a will have priority, since it's more internal and IDs + hierarchy have priority on classes.

answered Jan 21, 2011 at 7:08

cbrandolino

5,8932 gold badges21 silver badges27 bronze badges

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

Comments

Brent Friar · Accepted Answer · 2011-01-21 07:11:52Z

0

The anchor tag has a color assigned to it as well that overrides the color of the parent container. You also need a .slide A{color:#000;} in there as well.

answered Jan 21, 2011 at 7:11

Brent Friar

10.6k2 gold badges22 silver badges31 bronze badges

Collectives™ on Stack Overflow

CSS problem with a class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related