2

Estou começando meu estágio e não sei o siginificado dos seguintes atibutos.

Sinal de > (maior)

Porque é usado .classe-a > classe-b{}

Dois pontos duplo

 .classe-a::.classe-b{}

Sinal de + (mais)

.classe-a + classe-b

Sinal de &

&.classe-a{}

Eu vou dar manutenção nesse CSS mas antes preciso saber o que são esses sinais?

2

1 Resposta 1

5
  • Sinal de maior >: significa filho-direto do elemento. Seleciona todos os filhos-diretos do elemento.

Exemplo: div > span

<div>
  <span> <!-- filho direto da div -->
     DvD
     <p>DvD</p> <!-- não é filho direto da div -->
  </span>
</div>
  • Dois pontos ::: significa pseudo-elemento (um elemento-filho).

Exemplo: div::first-letter

Seleciona a primeira letra dentro da div (no caso abaixo, o "d").

<div>
   <span>
      dvd
   </span>
</div>

Seu exemplo .classe-a::.classe-b{} está incorreto. Uma classe não pode ser um pseudo-elemento.

Documentação de pseudo-elementos no MDN.

  • - Sinal de +: seleciona o elemento imediatamente após.

Exemplo: div + p

<div>
   dvd
</div>
<p>dvd</p> <!-- este é selecionado, pois está após a div -->
<p>dvd</p> <!-- este não é selecionado -->
  • Sinal &: este sinal não existe no CSS. Ele é usado no Sass, uma linguagem para compilar códigos CSS.
1
  • 4
    A pergunta já esta marcada como dup, já existem respostas que respondem e você ainda insisti em fazer dup - pt.stackoverflow.com/questions/252589/… - Por favor favoreça as respostas existentes.
    – Syzoth
    Commented 5/11/2017 às 4:55

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .