Observe.<ul> <li class="open"> Azul </ ...
Observe.
<ul>
<li class="open"> Azul </ li>
<li class="closed"> Vermelho </ li>
<li class="closed"> Verde </ li>
<li class="open"> Amarelo </ li>
<li class="closed"> Roxo </ li>
</ ul>
Na lista acima o que as regras abaixo fariam?
li.open {list-style: circle;}
li.closed {list-style: disc;}
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: B - Deixaria as palavras “Azul” e “Amarelo” como itens abertos (sem marcação).
A questão aborda conceitos de CSS (Cascading Style Sheets), que é uma linguagem de estilo usada para definir a apresentação de documentos escritos em HTML ou XML. O CSS permite definir estilos para elementos específicos em uma página web, como é o caso das listas e seus itens (li
).
Na questão, temos uma lista de cores onde cada item (li
) tem uma classe associada: "open" ou "closed". As regras de estilo CSS apresentadas definem que os itens com a classe "open" terão um marcador do tipo círculo (list-style: circle;
), enquanto os itens com a classe "closed" terão um marcador do tipo disco (list-style: disc;
).
O marcador do tipo círculo geralmente é representado por um anel, que é uma forma de indicar um item de lista "aberto" ou não preenchido, enquanto o marcador do tipo disco é um círculo preenchido, indicando um item de lista "fechado" ou marcado.
Com base nessas definições, os itens "Azul" e "Amarelo", que possuem a classe "open", serão exibidos com o marcador de círculo, indicando que são itens abertos. Portanto, eles não terão a marcação tradicional (disco preenchido) e aparecerão sem marcação visual de preenchimento, o que corresponde ao conceito de "abertos" conforme a terminologia da questão.
Portanto, a alternativa B é a correta, pois reflete o comportamento esperado dos estilos CSS aplicados aos elementos da lista, considerando a linguagem de estilo e as classes atribuídas aos itens da lista.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo