ok, queda asi:
Código:
<html>
<head>
<style type="text/css">
.tipoA .a {background-color: red;}
.tipoA .b {background-color: blue;}
.tipoA .c {background-color: pink;}
.tipoB .a {background-color: yellow;}
.tipoB .b {background-color: lime;}
.tipoB .c {background-color: cyan;}
</style>
</head>
<body>
<div class="tipoA" id="contenedor" onclick="document.getElementById('contenedor').className = 'tipoB'">
<p class="a">Bla Bla</p>
<p class="b">Bla Bla</p>
<p class="c">Bla Bla</p>
<p class="a">Bla Bla</p>
<p class="b">Bla Bla</p>
<p class="c">Bla Bla</p>
</div>
</body>
<html>
Con lo que al hacer click en cualquier sitio me cambir tipoA por tipoB y me cambiaria el color a todos,
y yo solo quiero que me cambie el color al que haces click (y los de su misma class).
Incluso solo quiero que se le cambie el color a una clase a la vez, pero vamos por partes.
Algun otro metodo??
Saludos!