Início
Portal
Buscar
Registrar-se
Conectar-se
RafaelS.Administrador- Mensagens : 635
Pontos : 926
Reputação : 60
Data de inscrição : 29/04/2014 
![[CSS] pseudo-element Empty](https://2img.net/i/empty.gif)
[CSS] pseudo-element
em Ter Abr 14, 2015 10:57 pm
: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](https://i.imgur.com/j00KzkB.png)
- 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](https://i.imgur.com/f7Hxe3C.png)
- 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](https://i.imgur.com/VILcjiB.png)
- 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|
|
|
