I've been attempting to update the color of the list points without success. Can you help me troubleshoot?
<div class="mobile-menu" id="mobile-menu">
<div id="mobile-menu-links">
<h4>General:</h4>
<ul class="mobile-menu-links">
<li><a href="">News</a></li>
<li><a href="">The boring rules!</a></li>
<li><a href="">The rankings</a></li>
</ul>
.mobile-menu #mobile-menu-links ul{
list-style-type: none;
margin:0;
padding-left:3%;
}
.mobile-menu #mobile-menu-links ul li{
padding-bottom:2px;
border-bottom:1px solid #bababa;
}
Despite adding color:red
to either of the CSS declarations, the change in color is not taking effect.
Please be aware that the HTML code is complete in my document; I only included a portion for reference purposes.
Thank you.