- 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.
::
na sua pergunta esta errado, aquilo não existe::
é para pseudo-elementos nativos - Nota 2: O seletor&
não existe em CSS, provavelmente ele é do Sass