[CSS] pseudo-element

: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:

Código:

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

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

Exemplo:

Código:

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

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

Exemplo:

Código:

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