I'm trying to change the colour of the list points but it's not working? 

<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;

            } 

If I add color:red in either of the two CSS declarations, it doesn't change the colour. 

Please note that the HTML is closed in my document, I just copied the first part for you to see. 

Thanks.