Por padrão, quando um navegador da Web exibe uma lista não ordenada em uma página da Web, cada item da lista possui um marcador anterior. Esse comportamento nem sempre é desejável e pode não se ajustar ao design geral da página. Usando CSS, você pode criar uma classe para remover os marcadores de listas específicas em sua página ou pode direcionar a tag HTML “ul“ diretamente para remover os marcadores de todas as listas na página.
1
Crie uma nova página HTML em um editor de texto ou aplicativo de desenvolvimento da Web.
2
Crie uma lista não ordenada simples adicionando o seguinte HTML ao corpo da página:
- Item 1
- Item 2
- Item 3
Salve a página e visualize em um navegador da web. Você verá que o navegador exibe um marcador próximo a cada item da lista.
3
Adicione o seguinte código à seção da página:
.myList {tipo-estilo de lista: nenhum;}
Isso remove os marcadores de qualquer lista usando a classe “myList”. Salve a página e recarregue no navegador da Web para ver as alterações.
4
Altere a regra CSS:
.myList {tipo-estilo de lista: nenhum;}
Para:
ul {tipo de estilo de lista: nenhum; }
Isso tem como alvo a tag HTML “ul” e remove os marcadores de todas as listas não ordenadas em sua página. Adicione uma segunda lista de exemplo e visualize a página em seu navegador da Web para verificar se as duas listas são exibidas sem marcadores.