O ser humano pode ser abordado em várias perspectivas (mítica, religiosa, científica, filosófica, científica, do senso comum) porém, nosso foco é próprio ao tratamento científico (antropológico); e isto não quer dizer
Muitas vezes existe a necessidade de aplicar estilos diferentes a um elemento ou grupo de elementos em particular, Utilizamos class e id para estilizar elementos, diferentemente.
Como definir uma cor para um determinado parágrafo,ou cabecário,etc, diferentes da cor usada para os demais elementos?, como agrupar links em diferentes categorias e estilizar cada categoria diferentemente? São algumas das perguntas que mostraremos a seguir.
Agrupar elementos com uso de classe
Criamos duas listas de links para diferentes tipos de políticos de Brasília : Honestos , Desonestos, e Políticos Babaca conforme o HTML abaixo:
Políticos Honestos:
gente honesta cara integro pessoa ético Blanc
Politicos Desonestos:
Árvore Podre
Homem Apagão
O cara Drogado
Politicos Babacas:
toninho
Saitiro na Cama
O cara
Faremos que os links para honestos sejam na cor verde, para desonestos na cor vermelha e os babacas permaneçam dentro da página na cor azul.
Para estilização destes links, dividimos os links em 3 categorias, atribuindo uma classe para cada link, usando o atributo CLASS .
Exemplo :
Políticos Honestos:
gente honesta cara integro pessoa ético Blanc
Politicos Desonestos:
Árvore Podre
Homem Apagão
O cara Drogado
Politicos Babacas:
toninho
Saitiro na Cama
O cara
Agora definimos propriedades específicas para cada links pertencentes as classes verde, vermelho e azul, respectivamente.
a { color: blue;
}
a.verde { color: #00FF33;
}
a.vermelho { color: #800000;
}
Como mostrado no exemplo acima, pode-se definir propriedades para estilização dos elementos pertencentes a uma determinada classe usando um .nomedaclasse na folha de estilos do documento.
Identificando um elemento com uso de id
Além de agrupar elementos podemos querer atribuir identificação a um único elemento. Isto é feito usando o atributo id.
O que há de especial no atributo id é que