¿Poner todos y cada uno de los atributos a cada clase css?

[IMAC/]

Buenas

Resulta que ya me he topado con este problema otras veces.

Estoy tan contento yo haciendo mi css cuando de repente se me ocurre crear otro css con caracterísiticas un tanto peculiares, estas mismas por ejemplo:

Código HTML:

.pepe, a:link, a:visited{
	color: #666666;
	border: 1px solid #666;
	padding: 2px 4px;
}

Y claro, resulta que todos los links, tanto imágenes como listas y demás, se me ponen con un borde tal y como he definido en la clase pepe.

¿quiere decir eso que en cada clase que haga tengo que definir por narices todos y cada uno de los atributos para que cuando meta otra clase nueva ésta no afece al resto de clases que no tenían definidos esos atributos?

Es decir, ¿debería de definir en mis 30 o 40 clases el estilo "border: none" en lugar de no poner el estilo border?

Es que me parece un tanto ilógico que añadir una clase modifique el comportamiento de las demás si no tienen definido ese atributo...

¿por que la clase pepe no se aplica solo a los divs o spans con el class pepe?
¿por qué se tienen que aplicar a todos?


Saludos y gracias.

[jomaruro]

Iniciado por IMAC/

Código HTML:

.pepe, a:link, a:visited{
	color: #666666;
	border: 1px solid #666;
	padding: 2px 4px;
}

Hola:

Creo que deberías ponerlo así:

Código:

a:link .pepe, a:visited .pepe{
        color: #666666;
	border: 1px solid #666;
	padding: 2px 4px;
}

Saludos.

[baccxus]

La clase .pepe, se aplicará a todo lo que tenga class="pepe", pero lo que pones

Código:

a:link, a:visited{
	color: #666666;
	border: 1px solid #666;
	padding: 2px 4px;
}

Se aplicará a todos los enlaces en tu página, puesto que "a" es un elemento global, así que si no quieres que esto te pase en todos los links de tu página, si quieres una clase para los links dentro de .pepe, sería algo como:

Código:

.pepe a{
	color: #666666;
	border: 1px solid #666;
	padding: 2px 4px;
}

Saludos, espero te sea claro