Tech Mais
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

techadd

Conectar-se

description[CSS] pseudo-element Empty[CSS] pseudo-element

more_horiz
:pseudo-element

Introdução: Os chamados :pseudo-element são usados para personalizar uma certa parte de um específico elemento.

O ::fist-line pseudo-element


É usado para personalizar a primeira linha de um certo texto. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:

[CSS] pseudo-element J00KzkB

Código:

p::first-line {
font-variant: small-caps;
color: red;
font-size: 20px;
}


O ::fist-letter pseudo-element



É usado para personalizar a primeira letra de um certo texto. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:


[CSS] pseudo-element F7Hxe3C

Código:

p::first-letter {
font-variant: small-caps;
color: red;
font-size: 20px;
}


O ::selection pseudo-element



É usado para personalizar o conteúdo selecionado pelo utilizador. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:


[CSS] pseudo-element VILcjiB

Código:

::selection {
color: yellow;
background: blue;
}






© Mais Info






Olá Convidado!
Leia as regras e disposições gerais do Tech Mais.
Caso tenha alguma dúvida poderá contactar a nossa equipe..
Nos lhe desejamos uma ótima estadia em nosso fórum.
RafaelS. — Fundador
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum