Seletores CSS

Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal Seletores CSS
Seletor de
Elementos
Programação para Internet I
Seletor de
Classes e Ids
Combinação
de
Seletores Prof. Msc. Felipe Leivas Teixeira
Seletores
de
Atributos
Pseudo-
classes
Versão 1.0
Pseudo-
elementos
Referências
1 / 32
Seletores
CSS
Felipe
Teixeira 1 Seletores CSS
Seletores
Seletor Universal
CSS Seletor de Elementos
Seletor
Universal Seletor de Classes e Ids
Seletor de
Elementos
Seletor de
Classes e Ids 2 Combinação de Seletores
Combinação
de
Seletores 3 Seletores de Atributos
Seletores
de
Atributos 4 Pseudo-classes
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
2 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
3 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Um seletor é uma expressão usada para determinar o subconjunto de elementos HTML sobre os
Elementos
Seletor de
quais deve-se aplicar uma regra CSS (isto é, aplicar as propriedades associadas a estes)
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Existem 4 tipos de seletores principais:
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de Universal
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de Universal
Seletores Elementos
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de Universal
Seletores Elementos
Seletores Ids
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores CSS
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de Universal
Seletores Elementos
Seletores Ids
de
Atributos
Classes
Pseudo-
classes
Pseudo-
elementos
Referências
4 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
5 / 32
Seletor Universal
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seleciona todos os elementos da página. Ex:
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
6 / 32
Seletor Universal
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seleciona todos os elementos da página. Ex:
Seletor
Universal
1 <head>
Seletor de
Elementos 2 <style>
Seletor de 3 * {
Classes e Ids
4 text-align: center;
Combinação 5 }
de 6 </style>
Seletores
7 </head>
Seletores 8 <body>
de
Atributos
9 <h1> Seletor Universal !</h1>
10 <p>Todos os elementos sao afetados. </p>
Pseudo- 11 <p> Paragrafo 2</p>
classes
12 </body>
Pseudo-
elementos
Referências
6 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO SELETOR UNIVERSAL

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
7 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
8 / 32
Seletor de Elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seleciona todos elementos de um tipo específico na página. Ex:
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
9 / 32
Seletor de Elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seleciona todos elementos de um tipo específico na página. Ex:
Seletor
Universal
1 <head>
Seletor de
Elementos 2 <style>
Seletor de 3 p {
Classes e Ids
4 color: blue;
Combinação 5 }
de 6 </style>
Seletores
7 </head>
Seletores 8 <body>
de
Atributos
9 <h1> Seletor de Elementos !</h1>
10 <p>Todos os paragrafos estao azul. </p>
Pseudo- 11 <p> Paragrafo 2.</p>
classes
12 </body>
Pseudo-
elementos
Referências
9 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO SELETOR DE ELEMENTOS

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
10 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
11 / 32
Seletor de Classes e Ids
Seletores
CSS
Felipe
Teixeira
Seleciona elementos com a classe(.) ou id (#) declarados. Ex:
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
12 / 32
Seletores
CSS
Felipe
Teixeira
Seleciona elementos com a classe(.) ou id (#) declarados. Ex:
Seletores
CSS
Seletor
1 <head>
Universal 2 <style>
Seletor de 3 #azul {
Elementos
Seletor de
4 color: blue;
Classes e Ids 5 }
Combinação 6 . centro {
de 7 text-align: center;
Seletores 8 }
Seletores 9 </style>
de 10 </head>
Atributos
11 <body>
Pseudo- 12 <h1> Seletor de Classes e IDs!</h1>
classes
13 <p class= " centro "> Seleciona Classe com (.)</p>
Pseudo- 14 <p id="azul"> Seleciona ID com (#)</p>
elementos 15 </body>
Referências
12 / 32
Seletores
CSS
Felipe
Teixeira
As classes e ids podem ser combinados com elementos. Ex:
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
13 / 32
Seletores
CSS
Felipe
Teixeira
As classes e ids podem ser combinados com elementos. Ex:
Seletores
CSS
Seletor
1 <head>
Universal 2 <style>
Seletor de 3 p#azul {
Elementos
Seletor de
4 color: blue;
Classes e Ids 5 }
Combinação 6 p.centro {
Seletores 8 }
de 10 </head>
Atributos
11 <body>
Pseudo- 12 <h1> Seletor de Classes e IDs!</h1>
classes
13 <p class= " centro "> Seleciona Classe com (.)</p>
Pseudo- 14 <p id="azul"> Seleciona ID com (#)</p>
Referências
13 / 32
Seletores
CSS
Felipe
Teixeira
Um elemento pode possuir mais de uma classe. Ex:
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
14 / 32
Seletores
CSS
Felipe
Teixeira
Um elemento pode possuir mais de uma classe. Ex:
Seletores
CSS
Seletor
1 <head>
Universal 2 <style>
Seletor de 3 .azul {
Elementos
Seletor de
4 color: blue;
Classes e Ids 5 }
Combinação 6 . centro {
Seletores 8 }
de 10 </head>
Atributos
11 <body>
Pseudo- 12 <h1 class= "azul" > Classe Azul!</h1>
classes
13 <p class= " centro "> Classe Centro. </p>
Pseudo- 14 <p class= "azul centro "> Classes Azul e Centro </p>
Referências
14 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO SELETOR DE CLASSES E IDS

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
15 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
16 / 32
Combinação de Seletores
Seletores
CSS
Felipe
Teixeira
Seletores
É possível combinar seletores para filtrar elementos
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
17 / 32
Combinação de Seletores
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor Exemplo Descrição do Exemplo
Seletor de
Elementos elemento elemento div p Seleciona todos os elementos <p>
Seletor de
Classes e Ids dentro dos elementos <div>
Combinação elemento > elemento div > p Seleciona todos os elementos <p>
de
Seletores onde o pai seja um elemento <div>
Seletores elemento + elemento div + p Seleciona o primeiro elemento <p>
de
Atributos que está posicionado imediatamente
Pseudo- após o elemento <div>
classes
elemento1 ~ elemento2 p ~ ul Seleciona todos os elementos <ul>
Pseudo-
elementos
após um elemento <p>
Referências
17 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
EXEMPLO COMBINAÇÃO DE SELETORES
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
18 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
19 / 32
Seletores de Atributos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
É possível selecionar elementos através de seus atributos para aplicar estilos CSS
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
20 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
É possível selecionar elementos através de seus atributos para aplicar estilos CSS
Universal
Seletor de 1 <head>
Elementos
Seletor de
2 <style>
Classes e Ids 3 [ target ] {
Combinação 4 color: red;
de 5 }
Seletores 7 </head>
de 8 <body>
Atributos
9 <a href=" www.google.com " target= " _blank "> Google </a>
Pseudo- 10 </body>
classes
Pseudo-
elementos
Referências
20 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
21 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS Seletor Exemplo Descrição do Exemplo
Seletor
Universal [atributo] [target] Seleciona todos os elementos com atributo target
Seletor de
Elementos [atributo=valor] [target=_blank] Seleciona todos os elementos com atributo target com valor
Seletor de _blank
Classes e Ids
[atributo~=valor] [title~=flores] Seleciona todos os elementos cujo o atributo title contenha
Combinação
de
a palavra “flores"
Seletores [atributo|=valor] [lang|=pt-br] Seleciona todos os elementos cujo o atributo lang
Seletores começando com “pt-br” <p>
de [atributoˆ=valor] a[hrefˆ="http"] Seleciona todos os elementos <a> cujo o valor do atributo
Atributos
href começa com "http"
Pseudo-
classes [atributo$=valor] a[href$=".pdf"] Seleciona todos os elementos <a> cujo o valor do atributo
Pseudo-
href termina com “.pdf"
elementos [atributo*=valor] a[href*="w3schools"] Seleciona todos os elementos <a> cujo o valor do atributo
Referências href contenha a palavra “w3schools"
21 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO SELETORES DE ATRIBUTOS

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
22 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
23 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Uma pseudoclasse é usada para definir a formatação para um estado especial de um elemento.
Seletores
CSS
Por exemplo:
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Por exemplo:
Seletor Para um elemento quando o cursor do mouse passa sobre ele (hover)
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Por exemplo:
Universal
Seletor de
Para hyperlinks não visitados (link) ou já visitados (visited)
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Por exemplo:
Universal
Seletor de
Elementos Para um elemento que recebeu o foco (focus)
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Por exemplo:
Universal
Seletor de
Seletor de
Classes e Ids
Para um elemento quando input está desabilitado (disabled)
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Por exemplo:
Universal
Seletor de
Seletor de
Classes e Ids
Para um elemento quando input está desabilitado (disabled)
Combinação
de 1 <style>
Seletores 2 /* link nao visitado */
Seletores
3 a:link { color: red; }
de 4 /* link visitado */
Atributos 5 a:visited { color: green; }
Pseudo- 6 /* mouse sobre o link */
classes 7 a:hover { color: blue; }
Pseudo- 8 </style>
elementos 9 <p><a href="http: // www.gravatai.ifsul.edu.br /"> IFSUL - Gravatai </a></p>
Referências
24 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Pseudoclasses mais utilizadas
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
25 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Pseudoclasse Exemplo Descrição do Exemplo
Universal
Seletor de
:link a:link Seleciona todos os links que ainda não foram visitados
Elementos
:visited a:visited Seleciona todos os links já visitados
Seletor de
Classes e Ids :hover a:hover Seleciona o link sob o cursor do mouse
Combinação :active a:active Seleciona o link ativo
de :checked input:checked Seleciona todo elemento input “checked”
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
25 / 32
Pseudo-classes
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Pseudoclasse Exemplo Descrição do Exemplo
Universal
Seletor de
:link a:link Seleciona todos os links que ainda não foram visitados
Elementos
:visited a:visited Seleciona todos os links já visitados
Seletor de
Classes e Ids :hover a:hover Seleciona o link sob o cursor do mouse
Combinação :active a:active Seleciona o link ativo
de :checked input:checked Seleciona todo elemento input “checked”
Seletores
Seletores
de Observação: No caso das pseudoclasses para links, quando presentes em um CSS, elas devem
Atributos aparecer na seguinte ordem para surtir o efeito esperado:
Pseudo- a:link
classes
a:visited
Pseudo-
elementos
a:hover
a:active
Referências
25 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO PSEUDO-CLASSES

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
26 / 32
Seletores
CSS
Felipe
Seletores
Seletor Universal
Seletor
Seletor de
Elementos
Seletor de
Combinação
de
Seletores
de
Pseudo-
classes
Pseudo-
5 Pseudo-elementos
elementos
Referências
6 Referências
27 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Um pseudoelemento é usado para definir a formatação para uma parte especifica de um elemento,
Seletor por exemplo:
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Universal
Seletor de
Para a primeira letra (first-letter) de um elemento
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Universal
Seletor de
Elementos Para a primeira linha (first-line) de um elemento
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Universal
Seletor de
Seletor de
Classes e Ids Para definir conteúdo antes (before) ou depois (after) do conteúdo do elemento
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Universal
Seletor de
Seletor de
Combinação
Para a porção do elemento selecionada pelo usuário (selection)
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Universal
Seletor de
Seletor de
Combinação
Para a porção do elemento selecionada pelo usuário (selection)
de
Seletores 1 <style>
Seletores 2 p::first-letter {
de 3 color: red;
Atributos
4 }
Pseudo- 5 </style>
classes
6 <p>Com grandes poderes vem grandes responsabilidades </p>
Pseudo-
elementos
Referências
28 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS Pseudoelementos mais utilizadas
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação
de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
29 / 32
Pseudo-elementos
Seletores
CSS
Felipe
Teixeira
Seletores
CSS Pseudoelementos mais utilizadas
Seletor
Universal
Seletor de Pseudoelementos Exemplo Descrição do Exemplo
Elementos
Seletor de ::after p::after Insere algo depois do conteúdo de cada elemento p (us-
Classes e Ids
ando a propriedade content)
Combinação ::before p::before Insere algo antes do conteúdo de cada elemento p (usando
de
Seletores a propriedade content)
Seletores ::first-letter p::first-letter Seleciona a primeira letra de cada elemento p
de ::first-line p::first-line Seleciona a primeira linha de cada elemento p
Atributos
::selection p::selection Seleciona a porção de um elemento p selecionada pelo
Pseudo-
classes
usuário
Pseudo-
elementos
Referências
29 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de
Elementos
Seletor de
Classes e Ids
Combinação EXEMPLO PSEUDO-ELEMENTOS

de
Seletores
Seletores
de
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
30 / 32
Referências
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal
Seletor de https://www.w3schools.com/css/css_selectors.asp
Elementos
Seletor de
Classes e Ids
https://www.w3schools.com/css/css_combinators.asp
Combinação https://www.w3schools.com/css/css_pseudo_classes.asp
de
Seletores https://www.w3schools.com/css/css_pseudo_elements.asp
Seletores
de https://www.w3schools.com/css/css_attribute_selectors.asp
Atributos
Pseudo-
classes
Pseudo-
elementos
Referências
31 / 32
Seletores
CSS
Felipe
Teixeira
Seletores
CSS
Seletor
Universal Seletores CSS
Seletor de
Elementos
Programação para Internet I
Seletor de
Classes e Ids
Combinação
de
Seletores Prof. Msc. Felipe Leivas Teixeira
Seletores
de
Atributos
Pseudo-
classes
Versão 1.0
Pseudo-
elementos
Referências
32 / 32

Seletores CSS

Enviado por

Dados do documento

Descrição original:

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Seletores CSS

Enviado por

Direitos autorais:

Formatos disponíveis

Seletores

Combinação EXEMPLO SELETOR UNIVERSAL

Combinação EXEMPLO SELETOR DE ELEMENTOS

Combinação EXEMPLO SELETOR DE CLASSES E IDS

Combinação EXEMPLO SELETORES DE ATRIBUTOS

Combinação EXEMPLO PSEUDO-CLASSES

Combinação EXEMPLO PSEUDO-ELEMENTOS

Você também pode gostar