1. Em um mesmo documento HTML, vários elementos podem possuir o mesmo class para criarmos formatações em grupo com CSS, mas só podemos ter um elemento com um id único para criar formatações individuais.
    1. id / class
    2. class / id ✔
    3. style / class
    4. code / id
  2. Toda configuração de folhas de estilo que fizermos para um determinado id deve ser feita iniciando pelo símbolo # antes do identificador. Já as configurações para um determinado class serão feitas usando o símbolo . antes do nome da class.
    1. # e . ✔
    2. . e #
    3. # e $
    4. $ e .
  3. Como já sabemos, existem três técnicas para inserir configurações CSS a um código HTML5: inline, local e externa. Se uma página usa as três técnicas ao mesmo tempo e cria uma configuração duplicada para uma determinada propriedade, qual delas vai se sobrepor às demais?
    1. CSS local
    2. CSS externo
    3. CSS inline
    4. Não existe ordem de prioridades para casos de duplicidade. ✔
  4. Uma pseudo-classe CSS é uma palavra-chave adicionada às declarações de um seletor após um sinal de:
    1. dois pontos (:) ✔
    2. ponto-e-vírgula (;)
    3. porcentagem (%)
    4. arroba (@)
  5. Qual dos itens a seguir é o único que não se refere à uma pseudo-classe CSS?
    1. hover
    2. before ✔
    3. checked
    4. empty
  6. Para realizar configurações de formatação em um pedaço específico do elemento HTML referenciado (a primeira letra de um texto, por exemplo), devemos aprender a criar seletores para:
    1. pseudo-classes
    2. pseudo-textos
    3. pseudo-formatos
    4. pseudo-elementos ✔
  7. Qual dos itens a seguir é o único que não se refere à um pseudo-elemento CSS?
    1. first-line
    2. first-letter
    3. active ✔
    4. before
  8. Considere que temos o seguinte link em uma mesma página: <ahref="pag002.html" class="link">Página 2 </a>. Qual será o nome do seletor para configurarmos o que vai acontecer quando o usuário mover o cursor do mouse por cima do link?
    1. a#link:hover
    2. a.hover:link
    3. a.hover#link
    4. a.link:hover ✔
  9. Se quisermos que todos os links de uma página tenham um símbolo » depois do texto, devemos usar a formatação:
    1. a::after {content: '»';} ✔
    2. a {content '»'}::after
    3. after::a {content:'»';}
    4. ::after {content '»'} a
  10. Podemos definir seletores com o símbolo de maior que (>) para indicar o que chamamos de:
    1. larger tag
    2. next tag
    3. direct children ✔
    4. alternative element