li color change css

1li::before {content: "•"; color: red;
2  display: inline-block; width: 1em;
3  margin-left: -1em}
4

1ul {
2  list-style: none; /* Remove default bullets */
3}
4
5ul li::before {
6  
7  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a 
8  bullet */
9  color: red; /* Change the color */
10  font-weight: 
11  bold; /* If you want it to be bold */
12  display: inline-block; /* 
13  Needed to add space between the bullet and the text */ 
14  width: 1em; 
15  /* Also needed for space (tweak if needed) */
16  margin-left: -1em; /* 
17  Also needed for space (tweak if needed) */
18}

1li::before {content: counter(li); color: red;
2  display: inline-block; width: 1em;
3  margin-left: -1em}
4

1/*
2li only changes its bullets color, if you want to change
3the text, you must use the 'a' tag after the li
4*/
5li a{
6    color: white;
7}

1h1>Todos</h1>
2<style>
3    
4</style>
5<ul>
6 <li class="done">Walk Chickens</li>
7  <li>Clean Out Coop</li>
8  <li class="done">Collect Chicken Eggs</li>
9  <li>Incubate Chicken Eggs</li>
10  <li>Hatch New Chickens!</li>
11</ul>
12<button id="clear">Clear List</button>
13<button>Add Todo</button>