Question

Em CSS, o seletor descendente coleta os elementos Y declarados dentro de um determinado elemento X. Esse seletor é declarado com um espaço entre os elementos a serem selecionados.

Por exemplo, para o código a seguir:















o seletor descendente:



X Y { propriedade: valor; }

Coletaria tanto o elemento de id Y1 quanto o elemento de id Y2. Ou seja, tanto o elemento filho (Y1), quanto o elemento “neto” (Y2), que está dentro da tag .


Caso queiramos pegar apenas os elementos filhos, podemos usar o seletor descendente para filhos. Veja:



X > Y { propriedade: valor; }


Assim, dado o código:







Minas Gerais



Belo Horizonte





Amazonas



Manaus





Acre



Rio Branco





Bahia



Salvador







Assinale a alternativa que contém o trecho de código que pode ser utilizado para aplicar negrito APENAS ao nome do estado e itálico APENAS ao nome da capital.

Alternativas:

a)
ul#estados-capitais > li{ font-weight: bold; }

ul > li.capital { font-style: italic; }

b)
ul > li{ font-weight: bold; font-style: italic; }

c)
ul { font-weight: bold; }

li { font-style: italic; }

d)
ul#capital > li{ font-weight: bold; }

ul > li. estados-capitais { font-style: italic; }

e)
.capital{ font-style: italic; }

ul > li{ font-weight: bold; }

Answer 1

Resposta:

ul#estados-capitais > li{ font-weight: bold; }

ul > li.capital { font-style: italic; }

Corrigido pelo AVA

Explicação: