Aplicar estilos diferentes para los enlaces en cada sección

[RAZGRIZ24]

¡Hola a todos!

Normalmente se puede diseñar una web dándole un formato y un comportamiento determinado a los enlaces -

Código:

}
a:hover {
	text-decoration: none;
	color: #cecece;
}

(por ejemplo)

Mi pregunta es: hay alguna manera de individualizar esos estilos para cada etiqueta? de manera que los enlaces del header actúen de una manera, los enlaces del body de otra... y así.

He probado a usar:

Código:

header.a:hover {
...
}

<div id="header"> cosas </div>

Pero no me ha dado resultado.

¿Alguna otra opción?

Gracias!

[pzin]

Si tienes un selector tal que así:

Código:

header.a {
  color: red;
}

Estás seleccionando un elemento header que además tenga una clase llamada a. Es decir, algo así:

Código HTML:

<header class="a">
 

Simplemente cambia el punto por un espacio:

Código:

header a {
  color: red;
}

Y ahora ya seleccionas cualquier enlace que esté dentro de un elemento header.

[RAZGRIZ24]

Genial, eso me ha ayudado.

Ahora una cosa, si yo tengo varias DIV y a cada div le quiero aplicar una propiedad, ese procedimiento no me sirve, porque lo aplicaría a todas las div del sitio. Luego debería usar un:

div.maincontent para que la capa

<div class="maincontent"></div>

Tenga dicha propiedad ¿Es así?

[pzin]

Si, eso es.

Puedes usar clases o identificadores, estos últimos se usan cuando un elemento es único, ya que no se puede volver a repetir en el documento HTML.

[RAZGRIZ24]

Problema de ejecución:

Gracias Pzin por aclararme ese concepto. Ahora eso me vale para cualquier css, cierto.

Pero cuándo debo aplicarlo sólo a lo que refiere a enlaces, la sintaxis debería ser algo así como

div.maincontent:hover

o algo parecido?

Gracias!

[pzin]

Échale un vistazo a este enlace: http://librosweb.es/css/capitulo_2/s...s_basicos.html Ahí explica cómo funcionan los selectores básicos de CSS.