SóProvas


ID
2699401
Banca
FGV
Órgão
Banestes
Ano
2018
Provas
Disciplina
Programação
Assuntos

Analise o trecho de código a seguir escrito em linguagem HTML:

<html>
<style></style>

<body>

<div class="conteudo"><p>OLÁ</p></div>

</body>
</html>

A instrução CSS que deve ser colocada dentro do elemento <style> para que a palavra OLÁ seja apresentada na cor vermelha é:

Alternativas
Comentários
  • div > p Selects all

    elements where the parent is a

    element div + p Selects all

    elements that are placed immediately after

    elements https://www.w3schools.com/cssref/css_selectors.asp
  • /* As duas instruções fazem a mesma coisa. */
             div > p { color: #FF0000;}
             div.conteudo { color: #FF0000; }

  • Quem não tem acesso:  - -> E

  • Recurso?

    div ~ p = todos os elementos "p" precedidos de "div". Isso também não responderia a questão? Por gentileza, se alguém souber me mande mensagem.

  • "div + p" e "div ~ p" só seria aplicado se <p> estivesse depois da </div> :

    <div class="conteudo"></div> <p>OLÁ</p>

    Aí nesse caso "div > p" não seria aplicado pq <p> não é um filho direto de <div>.

  • A) p:enabled {color: #FF0000;} Não faz sentido

    B) #conteudo { color: #FF0000;} usa id #conteudo como seletor / teria que existir o atributo id="conteudo"

    C) div + p { color: #FF0000;} a primeira ocorrência de p que esteja imediatamente após a qualquer div

    D) div ~ p { color: #FF0000;} todo p que venha a ocorrer após div (os elementos p e div tem que ser irmãos - mesmo nível não podem ser descendentes)

    E) div > p { color: #FF0000;} toda p que seja descendente de div

    Obs. após o elemento = após o fechamento do elemento

    Ex.

    <div>

    <p>p dentro do elemento</p>

    </div>

    <p> p após o elemento</p>