html - Why isnt my link yellow -
so have navigation reason link not yellow if selected.
<div class="link-selected" id="navbutton"><a href="index.html">home</a></div> <div id="navbutton"><a href="expertise.html">expertise</a></div> <div id="navbutton"><a href="doctors.html">doctors</a></div> <div id="navbutton"><a href="facility.html">facility</a></div> <div id="navbutton"><a href="contacts.html">contacts</a></div> #nav #navbutton{ width: 180px; height: 30px; float:left; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 14pt; color:#fff; text-align:center; margin-top: 1px; } #nav #navbutton a{ width: 180px; height: 30px; float:left; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 14pt; color:#fff; text-align:center; margin-top: 1px; text-decoration:none; } #nav #navbutton.link-selected{ font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 14pt; color:#ece60a; text-align:center; margin-top: 1px; }
the color
property applies each individual element. div elements yellow, doesn't matter because links inside them color: #fff
not color: inherit
.
Comments
Post a Comment