html - Unable to style the color of bullets in a list -
i'm trying change colour of list points 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 add color:red
in either of 2 css declarations, doesn't change colour.
please note html closed in document, copied first part see.
thanks.
there multiple ways it...
idea behind coloring bullets
ul { list-style: none; } li:before { content:"\2022 \00a0"; color: red; }
as per comment, able see color change jsfiddle
Comments
Post a Comment