Eliminando puntos negros de li y ul [duplicate]

Estoy trabajando en un proyecto y estoy usando algunos ul y li.

Pero parece que no puedo averiguar cómo eliminar esos molestos puntos negros que vienen con esas listas.

¿Alguno de ustedes me puede ayudar con esto?

Editar: olvidé por completo buscar en este sitio si ya había una respuesta (derp) ¡resulta que sí! Marcado esto como un duplicado, ¡gracias por ayudarme a todos!

Publicación relacionada

Esos puntos negros a los que hace referencia se llaman viñetas.

Son bastante simples de eliminar, solo agregue esta línea a su css:

ul {
    list-style-type: none;
}

Ahí tienes, esto es lo que usé para solucionar tu problema:

CÓDIGO CSS

nav ul { list-style-type: none; }

CÓDIGO HTML

<nav>
<ul>
<li><a href="#">Milk</a>
   <ul>
   <li><a href="#">Goat</a></li>
   <li><a href="#">Cow</a></li>
   </ul>
</li>
<li><a href="#">Eggs</a>
   <ul>
   <li><a href="#">Free-range</a></li>
   <li><a href="#">Other</a></li>
   </ul>
</li>
<li><a href="#">Cheese</a>
   <ul>
   <li><a href="#">Smelly</a></li>
   <li><a href="#">Extra smelly</a></li>
   </ul>
</li>
</ul>
</nav>

CSS:

ul{
list-style-type:none;
}

Puedes echar un vistazo a W3Escuela