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

  1. idea behind coloring bullets

    ul { list-style: none; }  li:before { content:"\2022 \00a0"; color: red; } 

    jsfiddle

  2. another link

as per comment, able see color change jsfiddle


Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -