Text color of list is not changing. I'm not sure why. I made the links a class nav
and tried to style that with CSS but it doesn't seem to take effect.
<ul>
<li><a href="####" class="nav">info</a></li>
<li><a href="###" class="nav">facebook</a></li>
</ul>
ul {
padding-top: 6%;
right: 9%;
position: absolute;
cursor: pointer;
list-style: none;
}
a .nav {
font-family: 'Inconsolata', Arial, Helvetica, sans-serif;
font-size: 10pt;
letter-spacing: 0px;
font-weight: 100;
color: #1B1B1B !important;
}
a .nav
needs to be a.nav
.
a .nav
looks for any element with the class nav
that is a descendant of an anchor. a.nav
selects anchors that have the class nav.
Also, whenever possible, try to avoid using !important
.
Your element selector a .nav
had space, change it to :
a.nav {
font-family: 'Inconsolata', Arial, Helvetica, sans-serif;
font-size: 10pt;
letter-spacing: 0px;
font-weight: 100;
color: #1B1B1B;
}
or like this one :
.nav a{
font-family: 'Inconsolata', Arial, Helvetica, sans-serif;
font-size: 10pt;
letter-spacing: 0px;
font-weight: 100;
color: #1B1B1B !important;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.