CSS . Seletor de classe
Exemplo
Selecione e estilize todos os elementos com class="intro":
.intro {
background-color: yellow;
}
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O .class
seletor seleciona elementos com um atributo de classe específico.
Para selecionar elementos com uma classe específica, escreva um caractere ponto (.), seguido do nome da classe.
Você também pode especificar que apenas elementos HTML específicos devem ser afetados por uma classe. Para fazer isso, comece com o nome do elemento e, em seguida, escreva o caractere ponto (.), seguido pelo nome da classe (veja o Exemplo 1 abaixo).
Elementos HTML também podem se referir a mais de uma classe (veja o Exemplo 2 abaixo).
Versão: | CSS1 |
---|
Suporte ao navegador
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Sintaxe CSS
.class {
css declarations;
}
Mais exemplos
Exemplo 1
Estilize todos os elementos <p> com class="hometown":
p.hometown {
background-color: yellow;
}
Exemplo 2
Este elemento <p> será estilizado de acordo com class="center" E com class="large":
<p class="center large">This paragraph refers to two classes.</p>