Como mudar apenas a cor da bala no CSS
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
Happy Hyena
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
/*
li only changes its bullets color, if you want to change
the text, you must use the 'a' tag after the li
*/
li a{
color: white;
}
li::before {content: counter(li); color: red;
display: inline-block; width: 1em;
margin-left: -1em}
h1>Todos</h1>
<style>
</style>
<ul>
<li class="done">Walk Chickens</li>
<li>Clean Out Coop</li>
<li class="done">Collect Chicken Eggs</li>
<li>Incubate Chicken Eggs</li>
<li>Hatch New Chickens!</li>
</ul>
<button id="clear">Clear List</button>
<button>Add Todo</button>